ImageMagickでベクタ画像を綺麗な半透過PNGにする

ImageMagickで以下のようなことをやる機会があったのでメモ。 今回は元画像がIllustratorファイルだったが、 他のベクタ形式の画像からでも背景透過PNGを作成するときに使えると思う。

• 元データはIllustratorファイル(.ai)
• 元の画像の余白部は削除する
• 220x110の長方形に入るようにリサイズ
• 上下左右に余白をつける
• 出来上がりの画像サイズは230x180
• 背景は透過させる(きれいに透過させたい)

コマンド

convert -colorspace sRGB -density 576 -filter Point "元ファイル.ai" -trim -alpha set -fill '#000000ff' -opaque '#ffffff' -background transparent +filter -resize 220x110 -gravity center -extent 230x180 出力ファイル.png

説明

アンチエイリアスを切った状態で透過色を設定し、その後アンチエイリアスをONにして縮小するところがミソ。 これで中間色の部分をきれいに半透過にできる。