css - 自动化 CSSSprites -- csssprites.org

Question

如果这是一个不应该出现在 SO 上的问题，请告诉我。

有没有人试过这个网站：
http ://csssprites.org/

自动生成和使用 CSS Sprites？你觉得呢？你有没有什么想法？我正在考虑实施（不断寻找提高性能的新方法）

Answer 1

是的，精灵加快了网站的速度，因为

• 更少的 HTTP 请求
• 避免每张图片的小开销

它们对图标等有意义

缺点是

• 更难更改一个图标
• 无法缓存控制单个图标

Answer 2

我使用 CSS Sprites 创建了我的第一个 sprite，但我现在倾向于自己将它们切碎，因为我个人发现创建条形 sprite（即长而细）而不是大方形 sprite 更容易，因为如果更新它们更容易您了解用于创建它们的约定。

Answer 3

如果您使用的是 .net，请查看http://www.RequestReduce.com。它不仅自动创建 sprite 文件，而且还通过 HttpModule 以及合并和缩小所有 CSS 即时完成。它还使用量化和无损压缩优化 sprite 图像，并使用 ETags 和 Expires 标头处理生成文件的服务，以确保最佳浏览器缓存。设置很简单，只涉及一个简单的 web.config 更改。请参阅我的博客文章，了解 Microsoft Visual Studio 和 MSDN 示例库对它的采用。