PNG \ Images - 定位

Question

我见过人们使用这些图像然后定位它们以便它们是单个按钮，你知道我的意思

• 为什么要这样做？
• 有什么好处？

Answer 1

它使浏览器不会发出大量的小HTTP请求，这会减慢页面加载速度。它还倾向于略微减少浏览器上的资源消耗 - 这在受限设备上可能很重要 - 并且对受约束的缓存更友好，因为一个大图像通常比单个图像的总和小得多。

Answer 2

它被称为“css sprites”并且由于优化而完成。

像这样，浏览器只需要加载一个（更大的）图像而不是很多小图像。这提高了网站的速度。

与分离的小图像相比，单个图像的尺寸通常较小。