不久前,我发现结果页面的Google徽标图片包含很多图标(您可以通过拖动或检查徽标来查看此图标)。
我不认为这是一个错误,所以它的目的是什么?
这是一种优化技术吗?如果是这样,它是如何工作的?
最佳答案
这就是所谓的CSS Sprite。这是一种性能技术,因为请求许多小的图像非常昂贵,因为它需要大量的HTTP请求。这只需要一个。
Here是有关如何制作和使用它们的简短指南。
简而言之:CSS Sprite是将多个图像组合成一个
用于网站的单个图像文件,以提高性能。
不久前,我发现结果页面的Google徽标图片包含很多图标(您可以通过拖动或检查徽标来查看此图标)。
我不认为这是一个错误,所以它的目的是什么?
这是一种优化技术吗?如果是这样,它是如何工作的?
最佳答案
这就是所谓的CSS Sprite。这是一种性能技术,因为请求许多小的图像非常昂贵,因为它需要大量的HTTP请求。这只需要一个。
Here是有关如何制作和使用它们的简短指南。
简而言之:CSS Sprite是将多个图像组合成一个
用于网站的单个图像文件,以提高性能。