アスペクト比計算｜画像・動画の幅と高さを自動計算

幅と高さを入力してアスペクト比を求めたり、16:9・4:3・1:1・9:16などの比率から必要なサイズを逆算できます。

よく使うアスペクト比

1920 × 1080 16:9

1080 × 1920 9:16

1200 × 800 3:2

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

幅（px）例：1920、1080、1200

高さ（px）例：1080、1920、800

入力例

幅または高さを入力すると結果が表示されます。

比率を指定してサイズを逆算

アスペクト比のプリセット

幅から高さを計算

幅を固定して、高さを求めます。

幅を入力（px）

計算される高さ 720px

高さから幅を計算

高さを固定して、幅を求めます。

高さを入力（px）

計算される幅 1280px

最簡アスペクト比自動

16:9

最大公約数 120

幅 ÷ 高さ小数

1.7778

幅 ÷ 高さ

計算式式

1920:1080

最大公約数で簡単化

入力の注意

px以外の単位でも比率は同じ考え方で計算できます。小数の結果は小数第2位まで表示し、実際の画像作成では用途に合わせて丸めてください。空欄・文字・0以下は計算せず、0より大きい数字を入力し、入力内容を確認してください。

計算式

幅と高さを最大公約数で割ります。

アスペクト比とは

画像や動画の横と縦の長さを比で表したものです

アスペクト比（画像比率）は、画面や画像の幅と高さの比率です。幅を前、高さを後ろにして「幅:高さ」で表します。たとえば1920×1080は、最大公約数120で割ると16:9になります。

同じアスペクト比を保てば、サイズを変更しても画像や動画の形は変わりません。反対に幅だけ、または高さだけを変えると、人物や文字が横に伸びたり縦につぶれたりすることがあります。

このアスペクト比計算ツールでは、幅と高さから最簡比を求める計算と、決めた比率からもう一方のサイズを求める計算を分けて使えます。

アスペクト比計算の使い方

目的に合わせて3つの入力方法から選べます

1. 幅と高さを入力

上の入力欄に画像・動画の幅と高さを入力します。1920と1080なら16:9と表示されます。

2. プリセットを選択

16:9や9:16など、保ちたいアスペクト比を選びます。

3. 片方のサイズを入力

幅から高さ、または高さから幅の欄に基準サイズを入力します。もう一方のサイズが自動計算されます。

4. 結果を確認

小数になる場合は丸め後の値も確認し、実際の書き出しでは用途に合う整数pxへ調整します。

よく使うアスペクト比一覧

用途に合う比率を選んで、サイズの目安を確認できます

比率	サイズ例	主な用途
16:9	1920×1080 / 1280×720	横長の動画、プレゼンテーション、一般的な画面
4:3	1024×768 / 800×600	標準的な画像、資料、古い画面比率
1:1	1080×1080 / 800×800	正方形の画像、プロフィール画像
9:16	1080×1920 / 720×1280	縦長の動画、スマートフォン向け画面
3:2	1200×800 / 1800×1200	写真、カメラ画像
21:9	2560×1080 / 3440×1440	超横長の映像、ワイド画面

同じ比率でも、掲載先の推奨サイズ・ファイル容量・安全領域は別に決まる場合があります。比率を合わせた後、公開先の仕様も確認してください。

画像・動画・SNSでの使い分け

比率を先に決めると、サイズ変更やトリミングの失敗を減らせます

画像のリサイズ

元画像の幅と高さから比率を確認
幅だけ決めて高さを自動計算
拡大・縮小しても形を保つ

動画の画面設計

16:9の横長画面を作る
9:16の縦長画面を確認
書き出し前に幅と高さの関係を確認

プロフィール画像

1:1の正方形を作る
円形表示でも重要部分を中央に置く
掲載先のトリミングを想定する

Webページの埋め込み

動画枠の比率を先に決める
CSSのaspect-ratioを使う
レスポンシブ表示で形を保つ

アスペクト比計算の例

よくあるサイズを式と一緒に確認します

ケース	計算式	答え	使う場面
1920×1080	`1920÷120 : 1080÷120`	16:9	横長動画
幅1280・16:9	`高さ = 1280×9÷16`	720px	動画の高さを決める
高さ1920・9:16	`幅 = 1920×9÷16`	1080px	縦長動画
1200×800	`1200÷400 : 800÷400`	3:2	写真サイズ
1024×1024	`1024÷1024 : 1024÷1024`	1:1	正方形画像

CSSのaspect-ratioで比率を固定する方法

Webページで画像や動画の枠を作るときにも使えます

CSSではaspect-ratioプロパティに幅と高さの比を指定できます。たとえば16:9の枠なら、aspect-ratio: 16 / 9; と書きます。幅が画面に合わせて変わっても、高さは指定した比率から計算されます。

画像の中身が枠からはみ出す場合はobject-fitの指定も必要です。比率を固定するだけで、画像の切り抜き位置や文字の安全領域まで自動で決まるわけではありません。

aspect-ratio: 16 / 9;

MDNでCSS aspect-ratioの仕様を確認する

計算前に確認したいポイント

比率が合っていても、用途によって追加確認が必要です

幅と高さの順番を間違えない

アスペクト比は基本的に幅:高さで表します。縦長画像では9:16のように高さが大きくなります。

比率と実サイズは別

16:9は形の比率であり、1920×1080という解像度そのものではありません。同じ16:9でも複数のサイズがあります。

四捨五入によるずれ

小数pxを整数に丸めると、厳密には比率が少し変わることがあります。重要な素材では片方を固定してもう片方を再計算してください。

トリミングは別の問題

元画像と掲載枠の比率が違う場合、比率計算だけでは切り抜き位置は決まりません。顔や文字が切れないかも確認します。

アスペクト比計算 FAQ

比率の求め方、サイズ換算、画像・動画でよくある質問

アスペクト比とは何ですか？

画像や画面の幅と高さの比率です。幅:高さで表し、1920×1080は最大公約数120で割って16:9になります。

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

幅と高さを最大公約数で割り、最小の整数比にします。たとえば1200×800なら、両方を400で割って3:2です。

16:9で幅1280の高さはいくつですか？

高さ = 1280×9÷16 なので720pxです。幅を変えるときも、9÷16を掛けると高さを求められます。

9:16の縦長サイズはどのように計算しますか？

幅:高さが9:16になるようにします。高さ1920pxなら、幅は1920×9÷16で1080pxです。

1:1のアスペクト比は何に使いますか？

幅と高さが同じ正方形です。プロフィール画像や正方形の画像を作るときに使いやすく、800×800や1080×1080などが例です。

アスペクト比と解像度は同じですか？

同じではありません。アスペクト比は形の比率、解像度は実際のピクセル数です。1920×1080と1280×720は解像度が違いますが、どちらも16:9です。

CSSで画像の比率を固定できますか？

できます。CSSのaspect-ratioに16 / 9などを指定すると、要素の幅に応じて高さを保ちやすくなります。画像のトリミングにはobject-fitなども確認してください。