如何串联图标成一个单一的形象与ImageMagick?

Question

我想要使用 CSS精灵 在网站上，而不是单独的图象文件，用于收集了大量的小型图标是所有大小相同。我怎么可以连接(瓦)他们成一个大图像的使用 ImageMagick?

Answer 1

从你的网页链接， '蒙太奇' 是的的工具。这将需要一堆的图像，并将/瓷砖他们进入一个输出。这里有一个例子，像我之前使用的工具：
_{(资料来源： davr.org)}

Answer 2

转换 工作更多的蒙太奇。它安排的图像纵向或横向的，并且保持png透明度。

convert *.png -append sprites.png (append vertically)
convert *.png +append sprites.png (append horizontally)

Answer 3

你是在寻找：

montage -background transparent -geometry +4+4 *.png sprite.gif

Answer 4

我喜欢这个脚本用于自动sprite/css的产生。"建设CSS精灵带来砸&Imagemagick"

• 文章的副本Waybackmashine https://web.archive.org/web/20150529041037/http://jaymz.eu/blog/2010/05/building-css-sprites-with-bash-imagemagick

• 脚本副本 http://blog.kupriyanov.com/2011/01/solvedbuilding-css-sprites-with-bash.html