基礎知識 · 画像とファイル
アスペクト比とは？
結論
アスペクト比は画像の幅と高さの比率で、16:9 や 4:3 のように2つの数字で表します。表すのは大きさではなく形で、1920 × 1080 も 1280 × 720 もどちらも 16:9 です。リサイズしても比率を保つには、新しい高さを「新しい幅 × 高さ ÷ 幅」で計算します。16:9 で幅 1200 画素なら、高さは 675 画素です。
アスペクト比を開くよく使うアスペクト比と用途
| 比率 | 小数 | サイズ例 (px) | 主な用途 |
|---|---|---|---|
| 1:1 | 1.00 | 1080 × 1080 | 正方形の SNS 投稿、プロフィール画像 |
| 4:5 | 0.80 | 1080 × 1350 | 縦長の SNS フィード投稿 |
| 4:3 | 1.33 | 1600 × 1200 | スマホカメラの写真、古いテレビ、タブレット |
| 3:2 | 1.50 | 6000 × 4000 | 一眼レフやミラーレスの写真、4 × 6 インチのプリント |
| 16:9 | 1.78 | 1920 × 1080 | HD・4K 動画、モニター、プレゼン資料 |
| 9:16 | 0.56 | 1080 × 1920 | 縦型動画、ストーリーズ、ショート動画 |
| 21:9（販売上の呼称） | 約 2.37 | 2560 × 1080 | ウルトラワイドモニター |
| 2.39:1 | 2.39 | 4096 × 1716 | シネマスコープ |
| 1:√2 | 0.71 | 2480 × 3508 | A4 などの ISO 用紙サイズ |
16:9 は ITU-R BT.709 によってハイビジョンテレビの標準になりました。この規格は 1920 × 1080 と 1280 × 720 の映像を定めています。3:2 は 35 mm フィルムの 36 × 24 mm のコマに由来します。
画像のアスペクト比を求める方法
幅と高さを最大公約数（GCD）で割ります。
- 画素数を確認します。例：1920 × 1080。
- 両方を割り切れる最大の数を求めます：120。
- 割り算します。1920 ÷ 120 = 16、1080 ÷ 120 = 9 なので、比率は 16:9 です。
名前の付いた比率に近いだけのサイズもあります。1366 × 768 のノートパソコンの画面は約分すると 683:384、つまり 1.779 で、16:9 として販売されています。2560 × 1080 の「21:9」モニターは正確には 64:27 です。分数より小数（幅 ÷ 高さ）で比べたほうが簡単なことがよくあります。
ゆがませずに新しいサイズを計算する
両辺に同じ倍率をかければ比率は保たれます。どんな場合も次の2つの式で計算できます。
new height = new width × original height ÷ original widthnew width = new height × original width ÷ original height
例：4032 × 3024（4:3）の写真を幅 1600 画素にリサイズすると、高さは 1600 × 3024 ÷ 4032 = 1200 画素になります。幅 720 画素の 9:16 動画なら、高さは 720 × 16 ÷ 9 = 1280 です。
結果が整数にならないときは、最も近い画素数に丸めます。動画エンコーダーはたいてい偶数のサイズを求めるので、動画では偶数に丸めましょう。
比率を変える：トリミング・余白・引き伸ばし
4:3 の写真を 16:9 の枠や 1:1 の投稿にするには、リサイズだけでは足りません。方法は3つあります。
| 方法 | どうなるか | 使う場面 |
|---|---|---|
| トリミング | 画像の一部を切り取る | ほとんどの写真。被写体を枠内に収める |
| 余白を足す（レターボックス、ピラーボックス） | 帯やぼかした背景を加える | 書類やアート作品など、どこも切れないとき |
| 引き伸ばし | 幅と高さを異なる倍率で拡大縮小する | ほぼ使わない。顔や円がゆがんで見える |
4000 × 3000 の画像を 16:9 にトリミングすると、幅はそのままで高さが 4000 × 9 ÷ 16 = 2250 画素になり、画像の 25% が失われます。同じ画像を 1:1 にトリミングすると 3000 × 3000 が残ります。
Web でのアスペクト比
CSS には aspect-ratio プロパティがあり、たとえば aspect-ratio: 16 / 9 と書くと、画像や動画が読み込まれる前に適切な領域を確保できます。これを指定するか、画像に width と height 属性を付けておけば、メディアの読み込みでページがずれるのを防げ、Cumulative Layout Shift（CLS）のスコアが改善します。
よくある質問
1920 × 1080 のアスペクト比は？
16:9 です。どちらも 120 で割り切れ、16 と 9 になります。
4K は 16:9 ですか？
家庭用の 4K UHD は 3840 × 2160 で、ちょうど 16:9 です。映画用の 4K（DCI）は 4096 × 2160 で、約 1.90:1 です。
スマホで撮った写真のアスペクト比は？
ほとんどのスマホカメラは標準で 4:3（例：4032 × 3024）で撮影します。多くは 16:9 や 1:1 のモードもあり、センサーの画像をトリミングして記録します。
アスペクト比を変えると画質は落ちますか？
トリミングは画素を削りますが、残った部分がぼやけることはありません。引き伸ばすと形がゆがみ、大きくトリミングしたあとで拡大すると画像がぼやけて見えることがあります。