画像を比率でトリミングする方法：1:1・4:5・9:16・16:9

縦横比は画像の形だけを表すもので、幅÷高さを小さな整数2つで書きます。1920 × 1080 pxと1280 × 720 pxはどちらも16:9です。それぞれの辺を両方に共通する最大の数(120と80)で割ると、16と9になるからです。一方、ピクセルサイズは画像がどれだけ細かい情報を持つかを表します。縦横比が同じでもピクセル数が4倍違う画像もあれば、1080 × 1350と1200 × 1200のようにピクセル数がほぼ同じでも形が違う画像もあります。

プラットフォームはこの2つを別々に確認するため、違いが重要になります。Instagram、プリントサービス、スライドのテンプレートはまず形を見て、合わないものを切り抜く、黒帯を付ける、または受け付けないといった処理をします。そのあとで表示サイズにピクセルを拡大縮小します。形を自分で合わせておけば、プラットフォーム側が判断することはなく、選んだ構図のまま表示されます。ピクセル数だけ合わせても、送った形が違えばプラットフォームに切り抜かれます。

最初の縦横比は撮影したセンサーで決まります。スマホのカメラはほとんどが4:3で記録し(iPhoneの1200万画素の写真は4032 × 3024 px)、レンズ交換式カメラの多くは35mmフィルムと同じ3:2です。別の比率に切り抜くたびにフレームの一部が失われ、元の形と離れるほど失う範囲は大きくなります。

多くの指定は、いくつかの形に集約されます。正方形の1:1は、プロフィール画像、フリマ・マーケットの出品、アイコンの標準です。サイト側で正方形のまま表示しても円形に切り抜いても、意図しない結果になりにくいからです。Instagramのフィードは横長の1.91:1から縦長の4:5まで受け付け、1080 × 1350 pxの4:5は画面上で最も高さを使えます。ストーリーズ、リール、TikTok、YouTubeショートは全画面の9:16です。YouTubeはカスタムサムネイルに1280 × 720 px、2 MB未満を推奨しており、PowerPointはPowerPoint 2013以降、16:9を標準のスライドサイズにしています。プラットフォーム別のピクセルサイズはInstagram投稿とストーリーズのサイズをご覧ください。

プリントや書類には独自の比率があります。4 × 6 inのプリントは2:3(横向きなら3:2)、8 × 10 inは4:5、5 × 7 inは5:7なので、同じ写真でもフレームのサイズごとに切り抜き方が変わります。パスポート写真はミリメートルで定められており、英国、EU、インドなど多くの国では35 × 45 mm(7:9にあたります)、米国は2 × 2 inの正方形です。証明写真作成ならこれらのサイズに切り抜けるうえ、単純な比率の切り抜きではできない顔の大きさのチェックも行います。

画像をフレームに合わせる操作は3種類あり、混同しやすいものです。切り抜きは端のピクセルを切り落とし、残りには手を加えません。そのため形が変わり、ピクセル数も減ります。サイズ変更はすべてのピクセルを拡大縮小して画像全体を保つので、ピクセル数が変わり、形は変わりません。余白の追加は、レターボックス(上下の帯)やピラーボックス(左右の帯)とも呼ばれ、無地の枠を足して何も失わずに新しい形へ収めます。

実際の作業では、2つを続けて使うのが一般的です。4032 × 3024 pxのスマホ写真を1080 × 1350 pxのInstagram投稿にするなら、4:5(約2419 × 3024 px)に切り抜いてから縮小します。横長の集合写真を誰も切らずに正方形へ収めたいときは、代わりに1:1になるよう余白を足します。画像サイズ変更なら1回で処理できます。幅と高さを指定し、合わせ方で切り抜いて埋めるか色で余白を追加を選んでください。

比率の固定は枠の形を決めるだけで、枠の位置は決めません。その位置こそが、切り抜きを意図的に見せるポイントです。基本は三分割法で、フレームを縦横2本ずつの線で分けると想像し、被写体(ポートレートなら目)を中央ではなくその線上に置きます。多くの切り抜き画面では、ドラッグ中にこのグリッドが表示されます。正方形のプロフィール画像は、中央に配置するほうが向いています。サイトが円形に切り抜くことがあり、四隅付近にあるものは見えなくなるためです。

ヘッドルームとは頭上の空間のことです。多すぎると人物が小さくフレームに沈んで見え、頭頂部が端に接するほど少ないと窮屈に見えます。横長の写真から9:16に切り抜くときは、被写体が向いている方向や進む方向に少し余裕(リードルーム)を取ると、閉じ込められた印象になりません。

プラットフォームは独自のインターフェースでフレームの一部を覆います。ストーリーズやリールでは上部にプロフィール名、下部に返信バーやキャプションが表示されるため、1080 × 1920 のフレームでは上下およそ250 pxに文字を置かないでください。YouTubeはサムネイルの右下に動画の長さを表示します。タイトルや顔は、何も重ならない位置に置きましょう。

主要な写真アプリはどれも切り抜き枠を比率に固定できますが、正確なピクセルサイズを入力できるものはありません。iPhoneの写真アプリは元の写真を保持するため、あとから元に戻すで戻せます。AndroidのGoogleフォトでは、両方を残したい場合は保存の隣にあるコピーとして保存を使えます。以下の手順は各アプリの現行バージョン向けです。メニュー名はバージョンによって変わることがありますが、比率ボタンは切り抜き画面にあります。

Windows 11では、フォトで画像を開き、画像を編集(Ctrl + E)を押して切り抜きタブを選びます。縦横比メニューには、フリー、元の比率、正方形のほか、16:9、4:3、3:2などの固定比率があります。枠をドラッグしてからコピーとして保存を選べば、元の画像はそのまま残ります。

Macのプレビューは逆で、比率メニューはありませんが、ドラッグ中に選択範囲のサイズがピクセルで表示されます。Shiftキーを押したままにすると正方形に固定されるので、1:1には対応できます。それ以外の比率では、数値が合うまで確認するか、先に計算します。高さ3024 pxの写真で4:5にするなら、幅は3024 × 4 ÷ 5 = 2419 pxです。

リンクプレビュー用の1200 × 628 pxやビザ写真用の600 × 600 pxのように、フォームが正確なサイズを求める場合、比率の固定では形は合っても、サイズ変更の作業が残ります。ピクセルで指定する切り抜き枠なら、両方を一度に行えます。画像トリミングでは、縦横比に9種類の固定比率のほか、自由に切り抜けるフリーと、幅と高さを正確に指定できるカスタムサイズ(px)があります。どのブラウザでも、スマホでも動作し、インストールも会員登録も不要です。

同じ枠を最大20枚の画像(1枚あたり95 MBまで)に一括で適用できます。同じ机で撮った商品写真、同じウィンドウのスクリーンショット、チームページ用の顔写真などに便利です。開始位置で、各ファイルに枠を置く場所(中央、端、角、またはスマート(被写体))を決めます。スマートは、写真ごとに主な顔や物を探して配置します。ファイルは処理の30分後にサーバーから削除されます。

円形の切り抜きは、正方形の切り抜きから四隅を取り除いたものなので、必ず1:1から始まります。その四隅がどうなるかはファイル形式で決まります。PNG、WebP、AVIFは透明を保存できるため、四隅が透明になり、どんな背景にも円がきれいに載ります。JPGには透明がなく、四隅を色(通常は白)で埋める必要があります。ダークテーマのサイトに円形のJPGをアップロードすると、白い四隅が丸い画像の周りに四角として見えてしまいます。

切り抜きツールで形を円にし、出力形式にPNGかWebPを選ぶと、円の外側は透明のままになります。JPGの場合は、白、黒、または画像を表示するページに合う背景色を選んでください。チャットアプリやSNSの多くは、正方形でアップロードすれば自動で円形に切り抜くため、それらには顔を中央に置いた1:1の切り抜きで十分です。あらかじめ円形にしておく価値があるのは、メールの署名、スライド、書類などです。

トリミングで、残した部分の画素がぼやけたり甘くなったりすることはありません。取り除かれるのは、それ以外の部分だけです。画質で気をつけたいのは、結果を保存するときです。PNGは可逆圧縮なので、トリミングしたPNGは元画像のその範囲と1ピクセルずつ完全に一致します。JPGはいったんデコードして再びエンコードするため、圧縮がもう1回かかります。初期値の音質85であれば、1回の再保存では劣化は目に見えません。ただし同じJPGを保存しながら5回続けてトリミングすると、5回分の劣化が重なります。元の画像は残しておき、毎回その元画像からトリミングしてください。

トリミングするとピクセル数も減ります。体感の画質に響くのはこちらです。4032 × 3024 px の横長写真から9:16で切り抜くと、残るのは約 1701 × 3024 px、フレーム全体の約42%ですが、1080 × 1920 のストーリーズには十分な大きさです。集合写真から顔だけを小さく切り抜くと400 px以下になることもあり、最近の画面ではぼやけて見えます。ピクセル数が減ればファイルサイズも通常は小さくなるため、写真をKB指定の容量に収めるときも、まずトリミングから始めるとよいでしょう。