CLIで画像を横に並べて1枚にする

Facebook, twitter で投稿するときに複数画像を指定するとそれら画像を枚数に応じてうまい具合に並べてくれて各画像にグレーのボーダーをつけて、更に画像の間に真っ白の境界を挿入してくれるようです。

WordPressなどのブログで自分の書いたものをFacebookにシェアすると画像が1枚分しか表示されません。これを回避するためにあらかじめ画像を貼り合わせてWordpressに投稿することにしました。

以下Imagamagickでの合成方法です。

まずは黄色と緑のサイズの違う画像を用意。

$ file /c/c/tmp/{yellow,green}.png
/c/c/tmp/yellow.png: PNG image data, 250 x 250, 8-bit/color RGB, non-interlaced
/c/c/tmp/green.png:  PNG image data, 350 x 350, 8-bit/color RGB, non-interlaced

そしてこの2ファイルを横に並べます。高さを合わせて両方とも 200 にします。グレーの枠と白の境界などを含めると以下のコマンドになります。

$ magick convert \
 \( c:/tmp/yellow.png -resize x200 -border 1 -bordercolor gray \) \
 \( -size 3x200 canvas:white \) \
 \( c:/tmp/green.png -resize x200 -border 1 -bordercolor gray \) \
   +append clipboard:

結果はこんな感じ

image

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s