我想知道是否有什么好的方法来管理 CSS Sprite 。例如，看一下 Google 在其 Play 环境中使用的 Sprite :
在我看来，Google 的开发人员没有一个“系统”，甚至没有一个工具来跟踪使用此 Sprite 的正确背景位置，这似乎是不可能的。然而，我不知道如何轻松且可能自动跟踪 Sprite 及其图像？推荐的方法是什么？从左上角开始，从左到右添加图像，将位置值保存在单独的文件中，或者还有其他更好的方法吗？
最佳答案
这个想法是维护不同的命名图像并将它们“缝合在一起”作为优化。作为自动构建过程的一部分，或手动。就像 CSS 或 JS 缩小一样。图片放置在最终图像上，背景位置会自动计算。
创建这样的工具非常简单，因此有很多此类工具。
我个人对手动 Sprite 创建的偏好是Stitches ，它是一个在线工具，不需要安装。它在当前版本的 Chrome 上运行(不确定其他浏览器)。
还有自动构建的解决方案。例如，SmartSprites Maven plugin :
<plugin>
<groupId>net.jangaroo</groupId>
<artifactId>smartsprites-maven-plugin</artifactId>
<version>1.8</version>
</plugin>
关于CSS Sprite 管理，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28745595/