浏览器将更快地加载1000px x 1px图像,或1000px图像1px
题
看来,由于图像仅仅是一定数数据,但我对此并不结论,因为我不确定浏览器实际上是如何呈现图像的。
另外,单个颜色图像的哪种图像格式将加载最快?
解决方案
另外,单个颜色图像的哪种图像格式将加载最快?
如果您要加载一种颜色,则很可能会使用一个元素 background: #HEX;
您将不需要加载实际图像,因此会更快。
编辑#1:
我创建了两个黑色JPG图像,即1000x1和1x1000-最终的大小相同(399个字节)。
此外,我创建了一个1000x1 PNG图像,以及1000x1 gif-image(均为黑色) - 事实证明,这些尺寸如下:
PNG-image: 96 bytes
GIF-image: 63 bytes
获胜者:GIF图像,比PNG图像少33个字节。如果您加载了1000张像测试中使用的图像,则使用PNG格式的开销将构成 33 000 bytes
(或者 32.22 kilobytes
如果您喜欢这种格式)。
不隶属于 StackOverflow