Question

我希望在网站上使用CSS sprites而不是单独的图像文件，以获取大小相同的大型小图标集合。如何使用ImageMagick将它们连接（平铺）成一个大图像？

Answer 1

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

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

Answer 2

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

Answer 3

您正在寻找：

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

Answer 4

我喜欢这个脚本用于自动精灵/ css生成。 “Building CSS sprites with Bash & Imagemagick”