アスペクト比の計算方法(計算式と歪ませないリサイズ手順)
アスペクト比とは、画像や動画の幅と高さを最小の整数の比に約分したものです。求め方はシンプルで、幅と高さの最大公約数を出し、両方をその数で割るだけです。たとえば1920×1080の動画は16:9になりますが、これは1920と1080の最大公約数が120で、両方を120で割ると16と9になるからです。この16:9という比率は、どんなサイズであっても同じ「形」を表します。
計算式
比率 = 幅 : 高さ(それぞれをGCD(幅, 高さ)で割る)1920×1080を例に手順を追ってみます。まず1920と1080の最大公約数を求めると120です。両方を120で割ると、1920 ÷ 120 = 16、1080 ÷ 120 = 9。結果として得られる16:9は、同じ形を保っているあらゆる解像度に当てはまります。1280×720のノートパソコンの画面から、3840×2160の4Kパネルまで同じです。
同じ関係を小数で表すこともできます。幅を高さで割るだけで、1920 ÷ 1080 = 1.78。この一つの数値は、比率をいちいち整数まで約分しなくても、ぱっと見で比較したいときに便利です。
よく使われるアスペクト比(早見表)
| 比率 | 小数 | 代表的な解像度 | 使われる場面 |
|---|---|---|---|
| 16:9 | 1.78:1 | 1920×1080、3840×2160 | YouTube、テレビ、多くのノートPC画面 |
| 4:3 | 1.33:1 | 1024×768 | 旧型テレビ、従来のスライド資料 |
| 1:1 | 1:1 | 1080×1080 | Instagramフィード投稿、プロフィール写真 |
| 4:5 | 0.8:1 | 1080×1350 | Instagramの縦長投稿 |
| 9:16 | 0.56:1 | 1080×1920 | ストーリーズ、リール、TikTok、ショート動画 |
| 3:2 | 1.5:1 | 6000×4000 | 一眼レフ・ミラーレスカメラの写真 |
| 21:9 | 2.33:1 | 3440×1440 | ウルトラワイドモニター |
| 2.39:1 | 2.39:1 | 2048×857(DCI規格を縮小) | シネマスコープ(ワイドスクリーン映画) |
注目したいのは、まったく異なるピクセル数でも同じ比率に収まる組み合わせがあることです。1280×720と3840×2160はどちらも16:9になります。解像度とアスペクト比は別の問いに答えるものだと考えるとわかりやすいです。解像度は「何ピクセルあるか」、アスペクト比は「そのピクセルがどんな形を作っているか」です。
具体例:歪ませずにリサイズする
3000×2000の写真(一眼レフでよくある3:2の比率)があり、幅600pxのサムネイルがちょうど必要になったとします。レイアウトに合わせて高さを適当に引き伸ばすと写真が潰れてしまうので、代わりに比例計算(クロス乗算)で正しい高さを求めます。
新しい高さ = 新しい幅 × (元の高さ ÷ 元の幅)
新しい高さ = 600 × (2000 ÷ 3000) = 400| 段階 | 幅 | 高さ |
|---|---|---|
| 元の写真 | 3000px | 2000px |
| サムネイル | 600px | 400px(計算結果) |
もう一つの例として、1920×1080のスクリーンショットを幅1280pxのブログ用カラムに収める場合を考えます。同じ比例計算で1280 × (1080 ÷ 1920) = 720となり、スクリーンショットは1280×720に収まります。元の16:9のままです。
自分の数値で計算する
下のツールに任意の幅と高さを入れれば、約分された比率がすぐに表示されます。比率を固定して片方の辺だけ入力すれば、もう片方を自動で計算することもできます。
よくある間違い
比率ロックをかけずに角のハンドルをドラッグしてしまう。 多くの画像編集ソフトは、Shiftキーなどのロック機能を使わない限り、幅と高さを別々に伸縮させてしまいます。ドラッグの角度がぴったり対角線上でない限り、顔やロゴ、直線が歪んでしまいます。
解像度とアスペクト比を混同する。 1280×720、1920×1080、3840×2160はすべて16:9です。解像度だけを変えても形は保たれますが、比率そのものを変えるとトリミングやレターボックス(黒帯)が発生します。
計算結果を奇数ピクセルに丸めてしまう。 H.264やH.265といった動画コーデックは、多くの場合、幅と高さの両方が2で割り切れる数であることを要求します。比例計算の結果が奇数ピクセルになった場合は、切り捨てるのではなく、最も近い偶数に丸めてください。
プラットフォームが画像全体をそのまま表示すると思い込む。 たとえばInstagramのフィード投稿は最大でも4:5までしか表示せず、それより横長・縦長の元画像は切り取られます。テキストや顔を元画像の端近くに配置していると、見切れてしまうことがあります。
よくある質問
アスペクト比とは何ですか? 幅と高さの比例関係のことで、16:9や4:3のように2つの数字で表されます。1920×1080の画像が16:9になるのは、両方の辺がきれいに16と9まで約分できるからです。
ピクセル数からアスペクト比はどう計算しますか? 幅と高さの最大公約数を求め、両方をその数で割ります。1920×1080の場合、最大公約数は120なので、16:9になります。
16:9と4:3の違いは何ですか? 16:9は高さに対して幅が広く、動画や画面の現行標準です。一方4:3はより正方形に近く、旧型テレビや写真で使われていた規格です。画面の対角サイズが同じでも、16:9のほうが4:3より横幅が目立って広く見えます。
SNSにはどの比率を使うべきですか? Instagramのフィード投稿には1:1か4:5、ストーリーズ・リール・TikTok・YouTubeショートには9:16、通常のYouTube投稿には16:9が向いています。プラットフォームごとのトリミング仕様は時々変わるので、投稿前に確認しておくと安心です。
画質を落とさずにリサイズできますか? 縮小(サイズを小さくする)であれば、画質の劣化はほとんど目立ちません。拡大(サイズを大きくする)は既存のピクセルを引き伸ばすことになり、新しい情報が生まれるわけではないため、輪郭がぼやけて見えることがあります。アスペクト比を固定しておけば歪みは防げますが、もともと存在しない解像度が増えるわけではない点には注意してください。