入力サイズ
—
ASPECT RATIO
アスペクト比計算｜画像・動画の縦横比とサイズを自動計算
幅と高さの正確な簡約比、代表比率との誤差、比率を維持した画像・動画サイズ、CSSコードをまとめて計算します。
入力したサイズや選択した画像はブラウザ内だけで処理され、外部へ送信・保存されません。
計算モードを選択
入力と同時に結果を更新します。比率は「幅 : 高さ」の順です。
MODE 1
幅・高さからアスペクト比を計算
1～1,000,000,000の正の整数を入力してください。比率計算自体は単位に依存しません。
サイズ例
画像から幅・高さを取得
20MB以下の画像から表示上の幅と高さだけを読み取ります。画像はアップロードしません。
最大公約数（GCD）
—
正確なアスペクト比
—
小数比（幅 ÷ 高さ）
—
向き
—
近い代表比率
—
代表比率との誤差
—
CSS aspect-ratio
—MODE 2
比率から幅・高さを計算
クイック比率
簡約比
—
丸め前
—
丸め後
—
計算サイズ
—
CSS aspect-ratio
—MODE 3
縦横比を維持してリサイズ
元の比率
—
丸め前の片方
—
新しいサイズ
—
拡大・縮小率
—
CSS aspect-ratio
—画像形式やメタデータによって表示上の向きが異なる場合があります。
アスペクト比とは
アスペクト比は幅と高さの比率です。16:9なら、幅16に対して高さ9の割合を表します。ToolPipoでは常に「幅 : 高さ」の順で表示します。
アスペクト比の計算方法
幅と高さを最大公約数で割ると、正確な整数比へ簡約できます。例えば1024×768は最大公約数256で割り、4:3になります。16:9、32:18、1920:1080はすべて同じ比率です。
1920×1080が16:9になる理由
1920と1080の最大公約数は120です。1920 ÷ 120 = 16、1080 ÷ 120 = 9なので、正確なアスペクト比は16:9です。1080×1920なら9:16の縦長になります。
16:9から高さを計算する方法
幅が1920なら、1920 × 9 ÷ 16 = 1080で高さを求められます。幅1000なら高さは562.5pxです。整数pxが必要な場合は四捨五入・切り捨て・切り上げを選びます。
縦横比を維持して画像をリサイズする方法
元が1920×1080で新しい幅を1280にすると、倍率は1280÷1920＝約0.6667倍になり、新しい高さは720pxです。元の幅・高さと新しい片方だけで、画像を歪ませないサイズを計算できます。
16:9・4:3・1:1など代表的な比率
16:9
1920×1080、1280×720など
9:16
1080×1920などの縦長
4:3
1024×768など
3:2
1500×1000など
1:1
1080×1080などの正方形
16:10
1280×800。正確な簡約比は8:5
1366×768は16:9に非常に近いものの、正確な簡約比は683:384です。本ツールは正確な比率と近い代表比率を別欄に表示します。
CSS aspect-ratioの使い方
CSSでは幅／高さの順にaspect-ratio: 16 / 9;と指定します。入力が1920×1080でも、読みやすい簡約比を使ったコードを生成します。
よくある質問
1920×1080のアスペクト比は？
16:9です。
1280×720のアスペクト比は？
16:9です。
1080×1920は？
9:16の縦長です。
1024×768は？
4:3です。
16:9で幅1000pxなら高さはいくつ？
562.5pxです。整数化する場合は丸め方法によって562pxまたは563pxになります。
16:9をCSSで指定するには？
aspect-ratio: 16 / 9;と指定します。
画像の縦横比を変えずにリサイズできますか？
元の幅・高さと新しい片方のサイズから計算できます。
1366×768は16:9ですか？
厳密には683:384で、16:9に非常に近い比率です。
選択した画像はアップロードされますか？
アップロード・保存しません。画像サイズの読み取りはブラウザ内だけで行います。