[Mac版] ImageMagickを使って「いらすとや」さんの画像を背景白のサムネイル画像にする

ブログ記事のアイキャッチ画像等で、「いらすとや」さんの画像を使わせて貰っているのですが、
背景が透明なので、ImageMagickを使って背景白＆サムネイルサイズの画像にしてみました。

作成手順

作成手順としてはこんな感じになります。

  1. ImageMagickをインストールする
  2. 「いらすとや」さんから画像をダウンロードする
  3. ImageMagickで背景白のサムネイルを作成する

ImageMagickをインストールする

brewを使ってImageMagickをインストールします。
(事前にbrewのインストールが必要です)

brew install imagemagick

「いらすとや」さんから画像をダウンロードする

「いらすとや」さんのHPから画像加工したい画像をダウンロードします。

ImageMagickで背景白のサムネイルを作成する

ターミナルを開いて、以下のコマンドを実行します。

このコマンドは、「画像character_program_fast.pngを背景白にして、144×144の画像character_program_fast.png_thumb.pngを作成」する例です。
元画像の縦横比は固定で、中央揃えです。

convert character_program_fast.png -resize 144x144 -size 144x144 xc:white +swap -gravity center -composite character_program_fast_thumb.png

シェルスクリプトにするとこんな感じになります。

#!/bin/sh

size="144x144"
suffix="_thumb"

new_file_name="${1%.*}${suffix}.${1##*.}"
echo "convert $1 to ${new_file_name}"

convert $1 -resize ${size} -size ${size} xc:white +swap -gravity center -composite ${new_file_name}

まとめ

さらにAutomatorでアプリ化させると、

  1. 「いらすとや」さんから画像をダウンロードする。
  2. アプリにドラッグ＆ドロップして白背景のサムネイル画像作成。

と、2手順で出来るので便利です。
この辺りも機会があればご紹介したいと思います。

「いらすとや」さんの画像に限らず、他の画像でもサムネイル作成出来るので、
よかったら参考にしてみてください。

Mac,WordPress