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

Question

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

Answer 1

リンクしたページから、 'モンタージュ' 欲しいツールです。大量の画像を取得し、それらを 1 つの出力に連結/並べて表示します。このツールを使用する前に作成した画像の例を次に示します。
_{（ソース： davr.org)}

Answer 2

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

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

Answer 3

あなたは探している：

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

Answer 4

スプライト/CSS を自動生成するこのスクリプトが気に入っています。」Bash と Imagemagick を使用して CSS スプライトを構築する"

• 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