UNIX Cafe | 第44回
コマンドで創る、画像の“雰囲気”
ブログのアイキャッチやWebサイトの背景画像に、もう一工夫加えたいと思ったことはありませんか？
「写真の背景をふんわりぼかして主役を引き立てたい」「画像を少し半透明にして、上に重ねる文字を読みやすくしたい」。そんなプロのような画像加工も、実はコマンドラインツール「ImageMagick」を使えば、誰でも簡単に実現できます。
今回は、画像の雰囲気をガラッと変える「ぼかし」と「透明度調整」のテクニックを、コピペで使えるコマンド例とともに分かりやすく解説します。画像編集ソフトを立ち上げる手間なく、ターミナルからスピーディーに理想の画像を作り上げましょう。
ミナちゃん写真の背景を一眼レフで撮ったみたいにぼかしたり、画像全体をうっすら透けさせたりすることって、ターミナルでできますか？
ユニ先生もちろんできるよ。コマンドをいくつか組み合わせるだけで、デザインの幅がぐっと広がるんだ。基本から応用まで、順番に見ていこう。
【基本】画像全体をふんわりぼかす (blur)
数値を調整するだけの簡単ぼかしコマンド
まずは基本の「ぼかし」から。画像全体に均一なぼかし（ガウシアンぼかし）をかけるコマンドです。背景画像として使いたい写真や、プライバシー保護のために一部を隠したい画像などに活用できます。
magick input.jpg -blur 0x2 output.jpg- -blur 0x2：ぼかし処理を行うオプションです。「x」の後ろの数字が「ぼかしの強さ（半径）」を表します。
- この数字を「0x5」「0x8」のように大きくするほど、ぼかしの効果が強くなります。
ミナちゃんすごくシンプルですね！数字を変えるだけでぼかし具合を調整できるなんて、直感的で分かりやすいです！
【応用】画像の透明度を調整しておしゃれに魅せる
画像全体を均一に半透明にする
magick input.png -alpha on -channel A -evaluate set 50% output.png- -alpha on：透明度（アルファチャンネル）の操作を有効にします。
- -evaluate set 50%：透明度を50%に設定、この数字を変更すれば、好きな濃さに調整可能です。
- 注意：透明度を扱う為、ファイル形式はPNGやWebPなど、アルファチャンネルに対応したものを選びましょう。
ミナちゃんWebサイトのヘッダー画像とかで、写真の上に文字を載せるときにすごく便利そう！
Webデザインの定番！透明グラデーションをかける
画像の上から下（または左から右）へ、だんだんと透明になっていくグラデーションをかける応用テクニックです。画像の端に自然にテキストを配置したいバナー作成などで非常に重宝します。
magick input.png -alpha on \
\( -size 800x600 gradient: -rotate 90 \) -compose CopyOpacity -composite output.png- -size 800×600：元の画像のサイズ（幅x高さ）を指定します。
- gradient:：グラデーションを生成します。
-rotate 90でグラデーションの方向を90度回転させています。 - このコマンド一つで、プロが作ったような洗練されたバナー背景が完成します。
ユニ先生少しコマンドは長くなるけど、効果は絶大だよ。アイキャッチ画像で文字を目立たせたいときの鉄板テクニックだね。
【組み合わせ】ぼかしと明るさ調整でカフェ風フィルターに
これまでに紹介したコマンドを組み合わせることで、さらに凝った表現が可能です。例えば、「ぼかし」と「明るさ調整」を組み合わせれば、人気の“カフェ風フィルター”のような、落ち着いた雰囲気の画像を簡単に作成できます。
背景だけふんわり＋やさしい透明感
magick input.jpg -blur 0x2 -evaluate Multiply 0.9 output.jpg- -blur 0x2：まず画像全体に弱めのぼかしをかけます。
- -evaluate Multiply 0.9：画像の明るさを元の90%に少しだけ暗くします。
このように設定すると、しっとりと落ち着いたトーンになります。
【仕上げ】Web掲載のための最終調整
加工した画像をブログなどで使う前に、一手間加えることで、より質の高いコンテンツになります。
余白を整える（トリミング）
magick output.png -trim +repage final.pngWebP形式に変換して軽量化する（PNG → WebP）
加工後の画像は、Webサイトの表示速度に影響を与えないよう、ファイルサイズを小さくすることが重要です。高画質と軽量化を両立できる「WebP」形式への変換がおすすめです。
magick output.png -quality 80 output.webp- -quality 80：画質を80%に設定します。見た目をあまり損なわずにファイルサイズを大幅に削減できます。
- 出力ファイル名（output.webp）の拡張子を変えるだけで、ImageMagickが自動で形式を変換してくれます。
まとめ：コマンドを組み合わせて表現の幅を広げよう
今回はImageMagickを使って、画像の雰囲気を自在にコントロールする方法をご紹介しました。
- -blurで、被写体を引き立てる柔らかな背景を作る。
- -evaluate setで透明度を調整し、デザインのベースを作る。
- 透明グラデーションで、文字が読みやすい洗練された画像を作る。
- コマンドの組み合わせで、フィルター加工のような高度な表現も可能。
コマンド一つ、二つで、写真の印象ってこんなに変わるんですね。デザインの引き出しが増えました！
その通り！これらのテクニックを知っているだけで、ブログやサイト全体のクオリティがぐっと上がるはずだよ。ぜひ色々試してみてね。
ミナちゃん画像の表情が、ちょっとした操作で大きく変わるんですね。
ユニ先生ブログの雰囲気づくりにも、とても役立つテクニックだよ。
次回予告
次回のテーマは、いよいよ「画像への文字入れ」です。ImageMagickを使って、画像の上に好きなフォントや色でタイトルや説明文を追加する方法を、基本から分かりやすく解説していきます。
ひと手間加えるだけで写真のメッセージ性が格段にアップするテクニック、どうぞお楽しみに。
さらに学びたいあなたへ
📘 用途ごとに選ぶ Linux のおすすめ本
