メインコンテンツへスキップ

アスペクト比計算

幅・高さからアスペクト比を計算。動画・画像のサイズ変換・リサイズに活用できます。

幅・高さからアスペクト比を計算

×
アスペクト比
16:9
小数比 (幅÷高さ)
1.7778
padding-top %
56.2500%

よく使う比率プリセット

比率から幅・高さを逆算

:
720px
-

使い方

  1. 幅と高さを入力
  2. アスペクト比が自動計算
  3. 一般的な比率（16:9, 4:3等）との一致を確認

CSSコード生成

aspect-ratio プロパティ（モダンブラウザ）
aspect-ratio: 16 / 9;
padding-top トリック（旧ブラウザ対応）
.container {
  position: relative;
  width: 100%;
  padding-top: 56.2500%;
}
.content {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}