制作CSS精灵的工具？

Question

是否有任何好的工具来制作css精灵？

理想的我想给它一个图像目录和一个现有的.css文件引用那些图像并让它创建一个用所有小图像优化的大图像并更改我的.css文件来引用这些图像.

至少我希望它能够获取一个图像目录并生成一个大的精灵和.css,将每个精灵用作背景.

是否有任何好的photoshop插件或完全成熟的应用程序来做到这一点？

Answer 1

Instant Sprite是我正在研究的浏览器中的CSS精灵生成器.它真的很快,但没有其他一些功能那么多.它目前仅适用于Firefox或Chrome,因为它使用JavaScript FileReader和HTML Canvas在Web浏览器中生成精灵而无需上传.

Answer 2

这将为您完成90%的工作:http://spritegen.website-performance.org/.您仍然需要自己编辑规则,但该工具将为您提供新CSS文件所需的代码片段.

Answer 3

Steve Souders现在有Sprite Me.试试吧,看起来效果很好.

这是链接http://spriteme.org/,这是宣布它的博客文章.

http://www.stevesouders.com/blog/2009/09/14/spriteme/

Answer 4

这很有希望:

http://csssprites.org/

此外,我发现这篇文章有一些有用的信息,甚至一些读者评论值得一读.

显然谷歌网络工具包有一些东西 - 所以如果你使用它可能值得检查.

Answer 5

试试这个:

http://spritepad.wearekiss.com/

Answer 6

ZeroSprites是一个CSS sprites生成器,旨在使用VLSI平面布局算法进行面积最小化.

Answer 7

发现这个快速的 500K上传限制可能是一个痛苦.源代码可在此处获得