web-dev-qa-db-ja.com

ImageMagickを使用してアイコンを単一の画像に連結するにはどうすればよいですか?

すべて同じサイズの小さなアイコンの大規模なコレクションに対して、個別の画像ファイルの代わりにWebサイトで CSSスプライト を使用したいと思います。 ImageMagick を使用して、それらを1つの大きな画像に連結(タイル化)するにはどうすればよいですか?

38
Peter Hilton

リンクしたページから、 'montage' が必要なツールです。大量の画像を取得し、それらを1つの出力に連結/並べて表示します。ツールを使用する前に作成した画像の例を次に示します。 alt text
(出典: davr.org

28
davr

convert モンタージュよりもはるかにうまく機能します。画像を縦または横に配置し、pngの透明度を維持します。

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

あなたは探している:

montage -background transparent -geometry +4+4 *.png Sprite.gif
24
Alexander M.
5
printminion