使用msbuild创建CSS精灵?

使用msbuild创建CSS精灵?,css,build-process,build,sprite,Css,Build Process,Build,Sprite,有没有人见过从现有网站的图像生成css精灵的工具,甚至是过程概念,以及在构建过程中生成css 我认为应该采取以下步骤: 浏览图像目录 从该目录中的所有图像创建一个sprite文件 对于每个图像 使用该图像查找任何css类 更新css类以使用新的sprite文件 我将使用asp.net,因此msbuild中的某些内容将非常棒。然而,我发现几乎没有什么可以接近的。您可以使用这是BSD许可代码。(请参阅右侧的下载链接。)这样的自动过程只有在您有几个简单的图像时才能正常工作。手动执行此过程有几个原因:

有没有人见过从现有网站的图像生成css精灵的工具,甚至是过程概念,以及在构建过程中生成css

我认为应该采取以下步骤:

  • 浏览图像目录
  • 从该目录中的所有图像创建一个sprite文件
  • 对于每个图像
  • 使用该图像查找任何css类
  • 更新css类以使用新的sprite文件

  • 我将使用asp.net,因此msbuild中的某些内容将非常棒。然而,我发现几乎没有什么可以接近的。

    您可以使用这是BSD许可代码。(请参阅右侧的下载链接。)

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

    对于精灵,某些图像格式比其他格式工作得更好。如果您试图从JPEG图像中生成精灵,压缩将很容易从一个图像泄漏到另一个图像,从而导致伪影。索引颜色格式(如GIF和8位PNG)的颜色数量有限,因此,如果将调色板变化过大的图像放在一起,则会丢失颜色

    您可能希望水平或垂直地重复图像,这使得合并精灵图像变得更加困难


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

    我一直在手动使用spritegen,我非常喜欢它。然而,我现在正在寻找一个过程自动化,看起来没有更多的答案了。因此,工具答案获胜,我必须自己使用sprintgen构建mstask