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

Question

我想在网站上使用 CSS sprite 而不是单独的图像文件，以获取大量小图标它们的尺寸都相同。 如何使用 ImageMagick 将它们连接（平铺）成一张大图像？

Answer 1

我喜欢这个自动生成 sprite/css 的脚本。
"使用 Bash 和 Imagemagick 构建 CSS 精灵 "

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

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

Answer 2

您正在寻找：

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

Answer 3

从您链接的页面中，'montage' 是您想要的工具。 它将获取一堆图像并将它们连接/平铺为单个输出。 这是我在使用该工具之前制作的示例图像：

_{（来源：davr.org）}

Answer 4

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

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