ハウツー
プロフィール画像を正方形または円形にトリミングする
ほとんどのSNS、ビデオ通話アプリ、フォーラムのアバターは、プロフィール画像を円形で表示します。横長や縦長の写真をアップロードしてプラットフォームに任せると、たいてい顔が切れたり、余白が空きすぎたりします。このガイドでは、トリミングの構図を自分で決め、必要なプラットフォーム向けにすでにサイズ調整された状態で結果を書き出す方法を説明します。
手順
- 画像トリミングツールを開き、写真をドロップします。トリミングのハンドルが画像の上に表示されます。1:1の比率を選んで正方形の選択を固定し、トリミング枠を顔や被写体の上にドラッグします。端のまわりに少し余裕を残すようにしてください。プラットフォームは結果をさらに縮小することが多いため、きつすぎるトリミングは窮屈に見えることがあります。
- 構図が良くなるまでトリミング枠を調整し、トリミングを適用します。結果は正方形の画像です。プラットフォームが特に丸いアバターを表示する場合は、円形トリミングツールを開いて、透明な円の輪郭を持つ版を書き出してください。PNG出力は白い背景ではなく、丸い透過があらかじめ組み込まれています。
- 結果をダウンロードし、アップロード前にファイルビューアで確認します。ほとんどのプラットフォームは正方形または円形のPNGをそのまま受け付けます。アップロードフォームが最低ピクセル数を求める場合は、アップロード前にトリミング済みの画像を必要なサイズにリサイズしてください。すべてブラウザ内で実行されます。写真が端末から出ていくことはありません。
正方形と円形：プラットフォームが求める形式
丸いアバターを表示するプラットフォーム（LinkedIn、Twitter、ほとんどのビデオ通話アプリ）は、アップロードした正方形の画像に対して円形のマスクを自分で適用します。丸いファイルを送る必要はなく、正方形のトリミングで十分です。丸いPNGを受け付けるプラットフォーム（Discord、一部のフォーラムソフト）では、円形トリミング版を書き出せば透明な角を残せることがあり、異なる背景に対して透過がどう合成されるかをより細かく制御できます。迷ったら、400x400または1000x1000ピクセルの正方形PNGがどこでも通用します。
歪みのない見栄えのよいトリミングを得る
円形のアバターには角がないため、正方形トリミングの隅にあるものは消えてしまいます。重要な要素が正方形の中央3分の1に収まるように構図を取ってください。顔写真では、目と頭の上部がおおむね高さの3分の2を占めるようにし、ロゴや商品写真では中心となるグラフィック要素を中央に配置します。被写体が端に触れるほどきつくトリミングするのは避けてください。その10パーセントの余白が、プラットフォームが独自の圧縮や拡大縮小をかけたときに構図を守ります。
このガイドで使うツール
よくある質問
アップロード後に円形のアバターがぼやけて見えるのはなぜですか。
プラットフォームが表示時に画像を縮小したか、アップロード時に再圧縮したためです。推奨されるアップロードサイズについてはプラットフォームのドキュメントを確認してください。主要なプラットフォームの多くはプロフィール写真に少なくとも400x400を推奨し、48〜200ピクセルで表示するため、1000x1000のソースなら十分な余裕があります。このトリミングツールとリサイズツールはどちらもブラウザ内で動作するので、プラットフォームが期待する正確な寸法を準備できます。
同じ写真をすべてのプラットフォームで使えますか。
はい、それこそ一度きちんと準備しておく狙いです。正方形版を余裕のあるサイズ（1000x1000が安全な標準です）でトリミングし、必要なら円形のバリエーションを書き出し、両方のファイルを保管しておきます。新しいプラットフォームがプロフィール写真を求めたら、すでに正しいトリミングが手元にあり、あとはアップロードフォームが期待するピクセル数にリサイズするだけです。