如何使用ImageMagick将图标连接成单个图像？

我想在网站上使用CSS精灵 ，而不是单独的图像文件，大量的小图标都是相同的大小。 我怎样才能使用ImageMagick连接（平铺）成一个大的图像？

Answer 1

在您链接的页面上， “蒙太奇”是您想要的工具。 这将需要一堆图像，并将它们拼接/拼贴成一个单一的输出。 以下是我在使用该工具之前所做的示例图片： alt text ds2/demos2/index.png

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

我喜欢这个脚本的自动精灵/ CSS一代。 “ 用Bash＆Imagemagick构buildCSS精灵 ”

• 文章复制在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

Answer 5

使用“蒙太奇”工具： 这里有一些说明