使用msbuild创建CSS sprite？

Question

有没有人看过工具，甚至是从现有网站的图片生成css精灵的流程概念，以及构建过程中的css？

我认为步骤将是：

1. 走一个图像目录
2. 从该目录中的所有图片创建一个精灵文件
每张图片
4. 使用该图片查找任何css类
5. 更新css类以使用新的精灵文件

我将使用asp.net，所以在msbuild中的东西会很棒。但是，我发现即使到了那里也很少。

Answer 1

您可以使用此http://spritegen.website-performance.org/这是BSD许可代码。 （请参阅右侧的下载链接。）

Answer 2

这样的自动过程只有在你有一些简单的图像时才能正常工作。手动执行此过程有几个原因：

对于精灵，某些图像格式比其他图像格式效果更好。如果您尝试使用JPEG图像制作精灵，压缩将很容易从一个图像渗透到另一个图像，从而导致伪影。像GIF和8位PNG这样的索引颜色格式的颜色数量有限，因此如果将颜色调色板放在一起的图像太多，就会失去颜色。

您可能想要水平或垂直重复图像，这使得精灵图像的组合变得更加困难。

如果图像小于您使用它的元素，则必须使用透明像素填充图像。如果元素的大小是以任何方式动态的，则自动过程甚至不知道图像需要多少填充。