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

Question

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

score 59 · Accepted Answer

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

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

score 31 · Accepted Answer

在您链接的页面上，“蒙太奇”是您想要的工具。它将获取一堆图像并将它们连接/平铺成单个输出。这是我在使用该工具之前制作的示例图像：（ _来源：_davr.org_）

score 24 · Accepted Answer

24

您正在寻找：

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

于 2011-11-18T18:57:05.320 回答

score 5 · Accepted Answer

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

4 回答 4