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

Question

我想在网站上使用CSS sprites而不是单独的图像文件，因为大量的小图标大小完全相同。如何使用ImageMagick将它们拼接（拼贴）成一个大图像？

Answer 1

从您链接的页面，'montage'是您想要的工具。这将需要一堆图像，并将它们拼接/拼接成单个输出。这里有一个例子像我使用该工具之前所做的： alt text http://davr.org/ds2/demos2/index.png

Answer 2

使用“蒙太奇”工具：here are some instructions

Answer 3

我喜欢这个剧本，自然而然精灵/ CSS生成。 “Building CSS sprites with Bash & 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

Answer 4

您正在寻找：

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

Answer 5

convert的效果要好得多比蒙太奇。它垂直或水平排列图像并保持png透明。

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