浏览器加载1000px x 1px图像或1px x 1000像素图像的速度会更快

Question

似乎由于图像只是一大块数据，所以它将是相同的，但我对此并不确定，因为我不确定浏览器是如何实际呈现图像的。

此外，单色图像的图像格式加载速度最快？

Answer 1

  

    

此外，单色图像的图像格式加载速度最快？

  

如果您要加载单一颜色，使用background: #HEX;的元素可能会更快，因为您不需要加载实际图像。

编辑＃1：

我创建了两个黑色jpg图像，1000x1和1x1000 - 两者的大小相同（399字节）。

此外，我创建了一个1000x1的png图像，以及一个1000x1的gif图像（都填充了黑色） - 结果显示尺寸如下：

PNG-image: 96 bytes
GIF-image: 63 bytes

获胜者：GIF图像，数据比PNG图像少33个字节。如果您加载1000个图像，例如测试中使用的图像，那么使用PNG格式的开销将达到33 000 bytes（如果您更喜欢该格式，则为32.22 kilobytes）。