CSS精灵管理

我想知道是否有管理CSS精灵的好方法。例如，看看谷歌在其游戏环境中使用的精灵：

---

在我看来，谷歌的开发人员不可能没有一个“系统”，甚至没有一个工具来跟踪使用这个精灵的正确

背景位置。然而，我不知道人们如何能够轻松且可能自动地跟踪精灵及其图像？推荐的方法是什么？从左上角开始，从左到右添加图像，将位置值保存在单独的文件中，或者有其他更好的方法吗？
我使用此模块制作了此类精灵：


完全自动生成css和具有文件名的类。很简单。这就是你正在寻找的工具

编辑：我提到的模块与grunt一起工作，但该工具本身是：
这个想法是为了维护不同的命名图像，并将它们“缝合在一起”作为一种优化。作为自动生成过程的一部分，或手动生成。就像CSS或JS缩小一样。图片将被放置在最终图像上，并自动计算背景位置

创建这样一个工具非常简单，因此有很多这样的工具

我个人喜欢手动创建精灵，它是一个在线工具，不需要安装。它在当前版本的Chrome上运行（不确定其他浏览器）

也有自动构建的解决方案。例如：



net.jangaroo
smartsprites maven插件
1.8