アスペクト比(縦横比)計算ツール

幅と高さを入力すると、16:9のようなアスペクト比と、最も近い標準の比率がわかります。新しい幅か高さを入力すれば、もう一方が自動で計算されるので、画像・動画・画面の形が崩れません。プリセットを選ぶ、画像からサイズを読み込む、よく使う解像度の一覧から選ぶこともできます。

無料・登録不要

よく使う比率
元のサイズ

幅と高さを入力してください。入力に合わせて比率が更新されます。

アスペクト比
形のプレビュー
小数で表すと
最も近い標準の比率
向き
ピクセル数
CSS
比率を保ってリサイズ

新しい幅か新しい高さを入力してください。もう一方は元のサイズから計算されます。

よく使うサイズ
幅 × 高さ通称使う

使い方

  1. 元の幅と高さを入力するか、16:9などのプリセットを選ぶか、画像からサイズを読み込みます。
  2. アスペクト比、その小数値、最も近い標準の比率を確認します。プレビューで形がわかります。
  3. 「比率を保ってリサイズ」に新しい幅か高さを入力すると、画像が伸び縮みしないようにもう一方が計算されます。
  4. 動画なら偶数を選ぶか、一覧のよく使うサイズから「使う」で選びます。

このツールの特長

どんなサイズでも比率を計算

1920 × 1080を16:9にするなど、幅と高さを最小の整数に約分し、小数の比率も表示します。

最も近い標準の比率

1366 × 768のようにきれいに約分できないサイズも、16:9にどれだけ近いかを示します。

伸ばさずにリサイズ

新しい幅か高さを入力するとすぐにもう一方を計算。整数ピクセル、動画用の偶数、小数で丸められます。

プリセットとよく使うサイズ

16:9、4:3、1:1、9:16、4:5、21:9、映画の比率をワンクリック。1080p、4K、ストーリーズなどの解像度も一覧で。

画像からサイズを読み込み

写真やスクリーンショットを選ぶと幅と高さが入力されます。画像は端末から出ません。

CSSにそのまま使える

aspect-ratioのルールをコピーして、どの画面でも動画やカードの形を保てます。

アスペクト比とは?

アスペクト比は、画像・動画・画面の幅と高さの比率です。幅を先にしてコロンでつないだ2つの数で表します。16:9は、実際の大きさに関係なく幅16に対して高さ9という意味で、1280 × 720も3840 × 2160もどちらも16:9です。

リサイズ時に比率を保てば、画像が横に伸びたりつぶれたりしません。新しいサイズの比率が違う場合は、画像を切り抜くか、上下左右に帯を入れる必要があります。

よく使うアスペクト比と用途

比率小数主な用途
16:91.78テレビ、YouTube、ほとんどのモニターとノートPC、プレゼン
4:31.33古いテレビやモニター、iPad、多くのコンパクトカメラ
3:21.5一眼レフ・ミラーレスの写真、KG判のプリント
1:11正方形の投稿、プロフィール画像
4:50.8SNSの縦長投稿
9:160.56ストーリーズ、リール、TikTok、ショート、縦持ちのスマホ画面
16:101.6多くのノートPCや業務用モニター
21:92.33〜2.39ウルトラワイドモニター、ワイドスクリーンの映画

アスペクト比を手で計算する方法

  • 幅と高さの最大公約数を求めます。1920と1080なら120です。
  • 両方をそれで割ります。1920 ÷ 120 = 16、1080 ÷ 120 = 9なので比率は16:9です。
  • リサイズするには、新しい幅を比率の幅で割り、比率の高さを掛けます。1600 ÷ 16 × 9 = 900。
  • 小数の比率は、幅を高さで割ります。1920 ÷ 1080 = 1.78。

動画で偶数を使う理由

H.264やH.265など多くの動画コーデックは色情報を半分の解像度で保存するため、幅と高さが2で割り切れる必要があります。8や16の倍数を推奨するエンコーダーもあります。書き出しに失敗したり細い黒線が入ったりする場合は、サイズを偶数に丸めてください。

よくある質問

1920 × 1080のアスペクト比は?

1920 × 1080は16:9で、フルHD動画、テレビ、ほとんどのモニターの標準です。1280 × 720、2560 × 1440、3840 × 2160も同じ比率です。

リサイズ時に比率を保つには?

元のサイズを入力し、新しい幅か新しい高さのどちらかだけを入力します。もう一方は比率から計算されるので、画像の形が保たれます。

スマホ画面のアスペクト比は?

最近のスマホは16:9より縦長で、19.5:9や20:9程度が多いです。ストーリーズ、リール、TikTok向けの動画は9:16、つまり1080 × 1920ピクセルです。

16:10と8:5は同じですか?

同じです。16:10は8:5に約分できますが、16:9と比べやすいようにメーカーは16:10と表記するのが一般的です。

1366 × 768がちょうど16:9にならないのはなぜ?

1366 × 768は683:384に約分され、16:9より0.05%だけ横長です。メーカーが幅をきりのよい数に丸めたため、16:9として扱われています。

サイズを読み込むと画像はアップロードされますか?

いいえ。幅と高さを読み取るためにブラウザ内で開くだけで、アップロードも保存もされません。

関連ツール

作りたいものがありますか?

作りたい内容を教えてください。

シンプルなWebサイトから本格的なアプリ、AIソリューション、自動化、カスタムシステムまで、作りたいものをお聞かせください。

作りたいものをお聞かせください。すべてのお問い合わせを確認し、メールで返信します。

お問い合わせ

お問い合わせを受け付けました。

内容を確認し、メールで返信します。