僕のノート、見てってください

エンジニアリングや英語、趣味について徒然なるままに

ImageMagickでスプライト画像を作る方法

毎回忘れるので、スプライト画像作る(複数画像を1枚にくっつける)ときの

ImageMagickの使用方法をメモしておく。

 

convert 元ファイル名{スペース区切り 元ファイル名} +append 出力ファイル名

(引数で指定した順で水平に連結する)

 

オプションの+appendを-appendにすると、垂直に並ぶ。

元ファイルの置き場所や命名ルール(01, 02などの連番を含むと多分いい)を

事前に決めておけば、こんなかんじで綺麗に、ファイル増えても一定ルールで追加できそう。

 

convert hoge_*.png +append 出力ファイル名

 

そして、シェル書いておく、置くのが良さそう。デザイナーさん(コーダーさん)とか

どうやってるのだろうか。

 

ちなみに、自分の場合、

このスプライト画像をtinypngさんに食べさせて少し軽くして使ってます。

どうせならそこも圧縮ツールあるんだからコマンドラインで、

みたいな話ありつつ。楽なので。ね。