我注意到 Digg 和 Google 在他们的 GIF 标题图像中使用了一种 CSS 优化。例如 digg 使用这个图像：
他们为什么要使用这种技术以及如何在我自己的网站上使用它？
问问题
269 次
5 回答
5
这些被称为 CSS 精灵。它们用于减少服务器请求的数量。
看看这篇关于他们的好文章：http ://www.alistapart.com/articles/sprites/
于 2009-12-13T16:30:35.643 回答
3
CSS Sprites: Image Slicing's Kiss of Death:
A List Apart
该技术的目的是通过组合所有图像来减少 HTTP 请求。
于 2009-12-13T16:29:52.373 回答
1
它被称为css sprite
于 2009-12-13T16:30:41.797 回答
1
我相信这些被称为拼接（或者是精灵）；基本上，他们一次加载整个图像并告诉 CSS 只显示其中的一部分，这样他们就避免了（预）加载大量图像。
它们增加了对页面的响应能力，因为连续的图像会立即加载。
正如 weichsel 提到的，请查看文章 @A List Apart。
于 2009-12-13T16:31:15.570 回答
1
他们使用该技术，因此下载一个图像，而不是浏览器可能建立许多不同的连接来下载多个图像。
然后，您可以使用“背景位置”和“宽度”等 CSS 属性的组合将图像“裁剪”为 CSS 背景图像。
我写这篇文章时其他人发布的链接可能有很好的技术来裁剪图像。
于 2009-12-13T16:32:43.617 回答