DESIGN
アスペクト比計算
比率を保ったリサイズ寸法・実寸からの比率・モニター/テレビの画面サイズ（対角線↔幅・高さ）を計算。
使い方「寸法を計算」では、比率と片方の辺を入れるともう一方の辺を求めます（例: 16:9・幅1920 → 高さ1080）。「比率を求める」では、実際の幅と高さから最簡の比率を求めます（例: 1920×1080 → 16:9）。「画面サイズ」では、比率と「対角線・幅・高さ」のどれか1つから、モニターやテレビの実寸を求めます（例: 16:9・対角線27インチ → 幅59.7cm × 高さ33.6cm）。
入力
px
高さ
1,080px
- 幅 × 高さ
- 1,920 × 1,080px
かたちの目安
CSSスニペット
aspect-ratio: 16 / 9;padding-top: 56.25%;padding-top は aspect-ratio 未対応の古いブラウザ向け（横幅を基準にした縦の割合）。
よくある質問
「最簡の比率」とはどういう意味ですか？
幅と高さの最大公約数で割り切った、それ以上約分できない比率のことです。例えば1920×1080は最大公約数120で両辺を割ると16:9になります。
画面サイズの計算で対角線（インチ）から幅・高さが分かるのはなぜですか？
比率（例: 16:9）と対角線の長さが分かれば、三平方の定理（対角線² = 幅² + 高さ²）で比率のスケール（何倍か）が求まり、そこから幅・高さの実寸を逆算できます。1インチ=2.54cmとして換算しています。
動画や画像のリサイズで比率を保つにはどうすればいいですか？
「寸法を計算」で元の比率と、リサイズ後にしたい幅（または高さ）を入力すると、比率を崩さないもう一方の辺の長さが分かります。
16:9以外の比率にも対応していますか？
16:9・4:3・3:2・1:1・9:16・21:9のプリセットに加えて、任意の比率を直接入力して計算することもできます。
調べた比率をCSSで使うにはどうすればいいですか？
「寸法を計算」「比率を求める」の結果欄に aspect-ratio: 16 / 9; のようなCSSスニペットが表示され、そのままコピーできます。aspect-ratio が使えない古いブラウザ向けには、横幅基準の縦の割合を指定する padding-top（16:9 なら 56.25%）も併記しています。