如何使用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)