アスペクト比計算機 — 画像・動画のサイズ変換

アスペクト比とは幅と高さの比率です。サイズ変更の際に縦横比を保つことで歪みを防げます。計算機はアスペクト比をもとに欠けている寸法を計算します。

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

16:9——HD動画・モダンモニターの標準。4:3——昔のTV・モニター。1:1——Instagram向けの正方形。9:16——ストーリーズ・リール用縦向き。21:9——シネマスコープのウルトラワイド。

CSSでのアスペクト比

aspect-ratio: 16 / 9プロパティでサイズ変更時に自動的に縦横比を維持します。古い手法：パーセンテージのpadding-topハック（16:9なら56.25%）。最新ブラウザでは標準のCSSプロパティを使いましょう。

レターボックスとピラーボックス

レターボックスは広い形式を狭い画面で表示する際に上下に黒帯を追加。ピラーボックスは狭い形式を広い画面で表示する際に左右に黒帯を追加。object-fit: coverはトリミングにより黒帯なしで画面を埋めます。