image - 很少有大图像与许多小图像

Question

我一直认为，当被迫在网站中使用图片时，最好使用尽可能小的图片。但是，如果这意味着使用多个小图像来获得与一个大图像相同的结果，我不确定这是否也不好，因为会发出更多 HTTP 请求。

在这种情况下最好的方法是什么？

• 很少有大图片 = 要下载的文件较大
• 许多小图像 = 需要下载的小文件但有很多 HTTP 请求

当我说“很多”时，我指的是 4 或 5 个，而不是一张大图片。

谢谢!

---

更新

只是为了让您了解我所说的文件大小的差异。我今天遇到的一个案例:

• 使用一张大图 = 1 个请求@11.3KB
• 使用五张小图片 = 5 个请求 @ 1.2KB(总计)

Answer 1

我建议使用 1 个大图像而不是几个较小的图像。

无论您是否使用 1 个大文件或几个较小的文件，总大小(以字节为单位)将(大致)相同。但正如您已经指出的那样，您正在进行更多的 HTTP 握手，这会减慢速度。

对于我工作的多个网站，我们尝试将多个同类图像组合成一个图像文件，以减少 HTTP 握手。