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

Question

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

Answer 1

从您链接的页面，'montage'是您想要的工具。它需要一堆图像并将它们连接/平铺成单个输出。这是我在使用该工具之前制作的示例图像： （来源：davr.org）

Answer 2

convert的效果比蒙太奇好得多。它垂直或水平排列图像并保持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生成器的脚本。 “qazxsw poi”

• 文章副本在Waybackmashine Building CSS sprites with Bash & Imagemagick
• 脚本复制https://web.archive.org/web/20150529041037/http://jaymz.eu/blog/2010/05/building-css-sprites-with-bash-imagemagick