不久前,我发现结果页面的Google徽标图片包含很多图标(您可以通过拖动或检查徽标来查看此图标)。

我不认为这是一个错误,所以它的目的是什么?
这是一种优化技术吗?如果是这样,它是如何工作的?

最佳答案

这就是所谓的CSS Sprite。这是一种性能技术,因为请求许多小的图像非常昂贵,因为它需要大量的HTTP请求。这只需要一个。

Here是有关如何制作和使用它们的简短指南。


  简而言之:CSS Sprite是将多个图像组合成一个
  用于网站的单个图像文件,以提高性能。

10-06 07:43