画像をまとめてロゴ入れする方法|ImageMagickで一括ウォーターマーク加工|UNIX Cafe

当ページのリンクには広告が含まれています。
第32回|UNIX Cafe「画像をまとめてロゴ入れ」

UNIX Cafe | 第32回

ミナちゃん

先生〜!最近、写真に“ロゴ”や“ブログ名”を入れたいんですけど、手作業だと大変で……。

ユニ先生

うんうん、1枚ずつアプリで編集するのは大変だよね。
今日は ターミナルからまとめてロゴを入れる方法 を紹介しよう。

目次

今日のゴール

ユニ先生

今日の目標はこれだよ。

  • 写真に文字(テキスト)を入れる
  • ロゴ画像(PNG)を重ねる
  • フォルダ内の画像すべてに“まとめて同じロゴ”を入れる
ミナちゃん

ブログやSNSの画像が一気に“オリジナル化”できますね♪

今日使うツール:ImageMagick

ユニ先生

いつもの magick を使うよ。もしまだ入っていなければ

bash
$ brew install imagemagick
ミナちゃん

出ました、定番の魔法ツールですね!

まずは1枚に文字を入れてみよう

テキストを入れる基本

ユニ先生

まずは画像に“UNIX Cafe”という文字を入れてみよう。

シェリ

input.jpgというファイルを作って、次のコードを実行してみてね。

bash
$ magick input.jpg -gravity southEast -pointsize 36 -fill white -annotate +20+20 "UNIX Café" output.jpg
ミナちゃん

右下に白いロゴ文字が入りました!かわいい〜!

ユニ先生

-gravity southEast は右下を意味しているよ。
数字を変えれば文字の大きさも簡単に調整できる。

位置を変える例

bash

# 左上
-gravity northWest

# 真ん中
-gravity center
ミナちゃん

中心に入れるのも良いですね、アイキャッチっぽいです!

ロゴ画像を重ねてみよう(PNG 合成)

透過PNGロゴを重ねるコマンド

ユニ先生

写真に PNGロゴを合成する場合は composite を使う方法もあるよ。

bash
magick composite -gravity southEast logo.png input.jpg output.jpg
ミナちゃん

すごい!ロゴ画像ごと合成されました!

ロゴのサイズを自動調整

bash
magick input.jpg \
  \( logo.png -resize 300x \) \
  -gravity southEast -compose over -composite \
  output.jpg
ユニ先生

こうすると、ロゴを自動で縮小してから合成できるよ。

まとめてロゴ入れ(一括処理)

for文で一気に実行

ユニ先生

では最後に、フォルダ内の画像を全部ロゴ入りにしてみよう。

bash
mkdir -p out

for img in *.jpg
do
    magick "$img" \
      -gravity southEast -pointsize 36 -fill white \
      -annotate +20+20 "UNIX Café" \
      "out/$img"
done
ミナちゃん

出た〜!!“一括シリーズ”!
これで何十枚あっても一瞬ですね!

ロゴ画像をまとめて合成するバージョン

bash
mkdir -p out

for img in *.jpg
do
    magick "$img" \
      \( logo.png -resize 250x \) \
      -gravity southEast -compose over -composite \
      "out/$img"
done
ミナちゃん

PNGロゴ Ver. も便利ですね!ブログの統一感が出ます♪

おすすめ設定あれこれ

SNS向け

  • ロゴ小さめ(150pxくらい)
  • 右下に控えめ配置

ブログアイキャッチ向け

  • 中央に白文字
  • 背景ボックスを付けると見やすい
ミナちゃん

いつもの写真が“自分の作品”っぽくなって嬉しいです!
これでオリジナル画像がたくさん作れます♪

まとめ

  • テキストを入れるなら -annotate
  • ロゴを重ねるなら composite
  • for文でフォルダ丸ごと処理
  • outフォルダで安全に保存
ユニ先生

ターミナルなら、ロゴ入り写真も一気に作れるよ。
ブログのイメージ統一におすすめさ。

次回予告

ユニ先生

次回は、“画像の色味を補正してみよう” をテーマにしてみよう。
明るさやコントラスト、色のバランスを整えて、
写真をもっと魅力的に仕上げる方法を紹介するよ。

ミナちゃん

わぁ〜!写真編集みたいで楽しそうです♪
magick なら、色味の調整もターミナルで一気にできるんですね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次