顔を切らずに丸いプロフィール写真をトリミングする

円形で表示するプロフィール写真は、顔を中央に置き、頭の上に少し余白を残すことが大切です。円を適用する前に写真を正方形にしておきましょう。頭全体を中央の円の中に収めたら、角を透過させたい場合はPNGで保存します。まず正方形にトリミングすると、どのプラットフォームでも仕上がりが安定します。

画像をトリミング正方形に切り抜きたい無料で使う

円にすると切り取り方が変わる理由

円は正方形の中に収まるため、正方形の四隅は隠れます。顔が端に寄っていると耳や髪、あごが欠けることがあります。逆に顔が下に寄りすぎると、下端で切れてしまうこともあります。また、コメントや一覧などの小さな場所では正方形で表示されるサービスもあるため、メインは円でも正方形のトリミングは意味があります。

まず正方形に、次に円に

円はこの正方形に適用されるので、最初に正方形にトリミングします。1:1が一般的な理由は写真のアスペクト比を参照してください。顔を正方形の中央に配置し、頭が円の中に収まり、髪の周りに余裕ができる大きさにします。円で削られる端の近くに重要な要素を置かないようにしましょう。

要素	配置場所	理由
顔	円の中心	どの表示サイズでも見える
頭の上部	端から離し、余白を取る	正方形の四隅は隠れる
肩	下端からはみ出してもよい	円の中で自然に見える
文字、ロゴ、小物	端から離す	円形のマスクで隠れる

顔を中央に揃える

目は正方形の中心線より少し上に置くと、バランスよく見えることが多いです。頭は左右の中央に配置します。髪が上端に触れないよう、少し隙間を空けましょう。できれば首やあごで切れないようにしてください。頭が急に途切れていると、小さな円の中では窮屈に見えてしまいます。

サイズを変えてから円用に保存する

プロフィール写真は小さなサイズで表示されることがほとんどなので、一辺が数百ピクセルもあれば十分なことが多いです。書き出す前に正方形の画像をリサイズしておきましょう。ファイルが軽くなり、アップロードも速くなります。

背景が透過する本物の円にするには、画像のトリミングツールで円形を選びます。透過PNGで保存されるため、角は空白のままになります。JPGには透明度がないので、角が単色で塗りつぶされてしまいます。サイトが独自に円のマスクをかける場合は、円の処理はサイト側に任せられるよう、正方形の写真をアップロードしてください。

実際のサイズで確認する

1. 表示倍率100％で正方形を見て、顔が中央にあるか確認します。
2. サムネイルとして表示される程度の大きさまで縮小し、顔がまだはっきり見えるか確認します。
3. アップロードして、サービスのプレビューを確認します。アプリによっては独自の余白が追加されることがあるためです。

明るい背景と暗い背景での見え方を確認する

プロフィール写真は、ダークモードを含むさまざまな背景に表示されます。正面から光が当たった顔は、無地の背景でも両方で見やすくなります。強い影が入った顔や、髪と同じ色の背景の前にある顔は、小さなサイズで消えてしまうことがあります。光が均一な写真を選び、背景が雑然としている場合は、さらに寄ってトリミングするか、先に被写体を切り抜くとよいでしょう。

元の画像からトリミングする

縮小済みの以前のバージョンではなく、フルサイズの元画像からトリミングしてください。出発点が小さいと、トリミングできる範囲が限られ、画像が粗くぼやけてしまいます。

最小サイズで確認する

多くのサービスでは、コメントや名前の横にある小さなアイコンを含め、複数のサイズでプロフィール写真を表示します。大きな円の中央に配置した顔は、最も小さいサイズでも判別できる必要があります。判別しにくい場合は、顔が円の中でより大きく見えるように、もう少し寄ってトリミングしましょう。

ロゴの方が適している場合

サイトが組織のロゴを求めている場合や、個人アカウントではなく店舗やプロジェクトを表す場合は、形がシンプルな正方形のロゴの方が写真よりうまく機能することが多いです。透過した角を持つ円形のPNGが最も簡単に作れます。横長のロゴはトリミングせず、背景が無地の正方形に収めると、マークのすべての部分が見えたままになります。

よくある質問

頭の上が切れて見えるのはなぜですか？ 円が正方形の角を隠すため、頭が上端に近すぎた可能性があります。髪の上にもっと余白を残してトリミングしてください。

プロフィール写真はPNGとJPGのどちらで保存すべきですか？ 角を透過させたい場合はPNGを使ってください。サービス側でマスクをかける正方形の写真であれば、JPGでも問題ありません。

円にする前に正方形にトリミングする必要はありますか？ はい。正方形にすると円の枠組みが安定し、表示される範囲を正確にコントロールできます。