我注意到 CSS sprite (.gif) 的文件大小在此期间不断增长。那是因为我们不断添加新的图标/精灵，并且我们从不删除现有的精灵，因为我们害怕破坏现有的设计（偏移重新计算或者精灵可能会在我们忽略的地方使用）。
我想知道我们如何减少精灵的数量？图像文件大小不断增长。
问问题
82 次
2 回答
1
您将不得不进行手动检查（首先搜索精灵名称，但一旦获得结果，您将不得不使用笔和纸）以了解正在使用哪些图像。您可以在不触及其余位置的情况下将这些替换为新的，但在此之前我会考虑：
将您的 gif 更改为 png-24 或 SVG，因为它们重量更轻，质量更好，特别是涉及透明度。SVG 也是可扩展的，非常适合视网膜显示设备，尽管并非所有浏览器（即 IE）都支持，因此需要一个替代方案。
对不同类别的图像使用不同的精灵（例如，一种用于菜单图标，另一种用于社交图标等），因此更易于管理。您将有两个或三个以上的服务器请求，并没有真正的区别。
于 2012-08-05T23:09:16.943 回答
1
根据我的经验，你必须做一次清理。然后把事情做对！！！
做 OOCSS 并为特定的精灵图像使用口语名称。
我建议阅读http://devblog.xing.com/frontend/a-so-called-sprite-revolution-on-xing/
在此之后，管理精灵会更容易，但正如我所说，需要一次性的努力。
另外，因为 GIF 不是您想要使用的格式 :-)
于 2012-08-24T21:00:32.393 回答