JA

アスペクト比計算ツール

幅と高さをピクセル（またはcm、mm、インチ）で入力すると、アスペクト比を最も簡単な整数比にし、小数値と近い標準比率を表示します。新しい幅か高さを入れれば、もう一方の辺も計算でき、縦横比を崩さずにリサイズできます。

px
px
px
比率だけ知りたい場合は空欄のままにしてください。
入力内容はこのブラウザーにのみ保存されます。

結果

アスペクト比（約分後）
16:9
新しいサイズ
1280 × 720 px
小数値（幅÷高さ）
1.778 : 1
標準比率
ちょうど16:9
CSS
aspect-ratio: 16 / 9;
同じ比率の主なサイズ
幅高さ整数ピクセル？
640 px360 pxはい
1080 px608 px四捨五入
1280 px720 pxはい
1920 px1080 pxはい
2560 px1440 pxはい
3840 px2160 pxはい

計算方法

アスペクト比の計算方法

アスペクト比は幅と高さの比で、両方を最大公約数で割ると求められます。1920×1080の場合、1920と1080の最大公約数は120です。1920÷120＝16、1080÷120＝9なので16:9になります。小数値は1920÷1080＝1.778:1です。

計算の手順

  1. 幅と高さを入力します（例：1920と1080）。ピクセルでもcmでもインチでも構いません。
  2. 約分した比率（16:9）、小数値、近い標準比率を確認します。
  3. 新しいサイズを求めるときは、幅と高さのどちらを指定するかを選んで入力します。16:9で幅1280ピクセルなら、高さは720ピクセルです。

足りない辺を求める計算式

画像や動画を縦横比を保ったままリサイズするには、比例の式を使います。新しい高さ＝新しい幅×高さ÷幅です。1920×1080を幅1280にすると、1280×1080÷1920＝720、つまり1280×720pxになります。逆に、新しい幅＝新しい高さ×幅÷高さです。結果が整数のピクセルにならない場合は四捨五入し、正確な値も表示します。

よく使われるアスペクト比

近い標準比率は、相対的な差が最も小さいものを選んでいます。たとえば1366×768（約分すると683:384）は、実質的に16:9だとわかります。

CSSでのアスペクト比

aspect-ratio: 16 / 9;を指定すると、要素が拡大・縮小しても縦横比が保たれます。動画、カード、画像のプレースホルダーに使えば、読み込み中にページがずれません。このプロパティはCSS Box Sizing Module Level 4で定義され、現在の主要ブラウザーすべてが対応しています。

よくある質問

アスペクト比はどうやって計算しますか？

幅と高さを、その最大公約数で割ります。1920×1080なら最大公約数は120なので16:9。1080×1350なら最大公約数は270なので4:5です。

16:9で幅1280ピクセルのとき、高さは？

1280×9÷16＝720ピクセルです。ほかの16:9のサイズには、1920×1080、2560×1440、3840×2160があります。

1366×768は本当に16:9ですか？

ほぼ16:9です。約分すると683:384で、小数値1.779は16:9（1.778）より0.05%大きいだけです。そのため16:9として販売されています。

3440×1440の「21:9」モニターのアスペクト比は？

約分すると43:18、つまり2.39:1です。「21:9」は販売上の呼び名で、正確な21:9は2.33:1です。2560×1080は64:27（2.37:1）です。

CSSでアスペクト比を指定するには？

要素にaspect-ratio: 16 / 9;を指定します。幅だけを決めれば、ブラウザーが高さを自動で計算します。

mmやcmでも計算できますか？

はい。比率には単位がないので、両辺を同じ単位で入力すればmmでもcmでも計算できます。2.35×1のような小数は、約分の前に整数に直します（47:20）。

出典・根拠

更新日：

関連ツール