image - 浏览器加载 1000 像素 x 1 像素或 1 像素 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如果您更喜欢该格式）。