縦横比計算（アスペクト比）
「16:9で横1280pxなら高さは？」を一発で計算。逆に、サイズから比率を調べることもできます。 動画・画像・SNS投稿の比率調整に。
出典で検証済み
本ページの内容は MDN Web Docs CSS aspect-ratio property・YouTube ヘルプセンター「動画の解像度と縦横比」・MDN HTML <img> element の width/height attributes を参照して構成しています。
比率からサイズを計算
計算結果
1280 × 720
横幅を基準に 16:9 で計算しました。
サイズから比率を調べる
主な機能
- ・プリセット6種（16:9・4:3・3:2・1:1・9:16・21:9）から1クリック選択
- ・比率＋横幅 → 自動で高さを計算（小数→四捨五入で整数化）
- ・比率＋高さ → 自動で横幅を計算（横長／縦長どちらも対応）
- ・サイズから比率を逆算（最小公約数で「16:9」のように既約表示）
- ・端末内のみで計算（画像データを送信しない・登録不要）
使い方ガイド
アスペクト比は「横:縦」の比率です。16:9なら横16・縦9という比で、絶対サイズ（1280×720）から相対比だけ取り出した値です。動画は16:9、SNS正方形は1:1、スマホ縦は9:16、というように用途別に標準比率が決まっています。
本ツールは「比率＋片方のサイズ→もう片方」と「サイズ→比率」の2方向に対応しています。プリセットを使えば1クリックで16:9などの比率がセットされ、横幅または高さを入れるとリアルタイムで結果が表示されます。逆に手元の画像サイズ（例：1920×1080）を「サイズから比率を調べる」セクションに入れると、「16:9」のような既約な比率と、小数表記（1.778）の両方が出ます。
結果が小数になった場合は四捨五入してください。1〜2pxの誤差は見た目に影響しません。動画編集ソフトはH.264などの圧縮形式の制約で「横幅・高さは偶数」を要求するため、奇数になったら近い偶数に丸めると安全です。たとえば16:9で「800×450」なら450は偶数なのでそのまま、「800×449」のような奇数になったら448または450に。
画像本体のサイズを変更したい時は 画像リサイズ、比率を変えて切り抜きたい時は 画像トリミング を使ってください。本ツールはあくまで「何ピクセルにすべきか」を計算するためのものです。
使い方の詳細手順
- 用途に合わせて比率を決める（動画→16:9、SNS正方形→1:1、Reels/Shorts→9:16、写真→3:2）。
- プリセットボタンから該当比率をクリック。表示されない比率は手入力（例：1.91:1 のように小数も可）。
- 横幅か高さの片方を入力。最後に編集した方が「基準」になり、もう片方が自動計算される。
- 計算結果（青背景）の数字を確認。整数になっていない場合は四捨五入して使う。
- 動画用の場合は偶数か確認。奇数なら近い偶数に丸める。
- 逆算したい場合は「サイズから比率を調べる」セクションに元のサイズを入力。既約比率と小数比率が同時に表示される。
- 必要に応じて 画像リサイズ や 画像トリミング で実際の画像を加工。
こんなときに便利
- ・YouTubeサムネイルを16:9ぴったり（1280×720）で作りたいとき
- ・Instagramの縦長フィード投稿（4:5・1080×1350）を逆算したいとき
- ・スマホ縦動画（9:16・1080×1920）の素材サイズを計算したいとき
- ・カメラの3:2写真をブログのOGP（1.91:1）に合わせて切る時の目安サイズを知りたいとき
- ・21:9のウルトラワイドモニタ用の壁紙サイズを計算したいとき
- ・手元の画像が何対何の比率か、最小公約数の既約比率で知りたいとき
日本でよく使われる比率早見
| 用途 | 比率 | 基準サイズ(px) |
|---|---|---|
| YouTube動画 | 16:9 | 1920×1080 or 1280×720 |
| YouTubeサムネ | 16:9 | 1280×720 |
| Instagramフィード正方形 | 1:1 | 1080×1080 |
| Instagramフィード縦長 | 4:5 | 1080×1350 |
| Instagramフィード横長 | 1.91:1 | 1080×566 |
| Instagramストーリーズ・リール | 9:16 | 1080×1920 |
| X（Twitter）OGP | 1.91:1 | 1200×628 |
| プレゼン用スライド | 16:9 or 4:3 | 1920×1080 / 1024×768 |
| A4印刷 | √2:1 ≒ 1.414:1 | 2480×3508（300dpi） |
参考情報・誤差について
本ツールの計算は比率に基づく機械的な四則演算で、結果は小数を含むことがあります。実際の画像／動画では整数ピクセルが必要なので、四捨五入で整数化してください。動画用は偶数推奨（H.264等の制約）。Instagram・YouTube等の各SNSの仕様は公式ヘルプの最新版を確認してください。
よくある質問
Q1. よく使うサイズの早見はありますか？
A. 16:9なら1920×1080（フルHD）・1280×720・3840×2160（4K）、YouTubeサムネは1280×720が定番です。スマホ縦動画（9:16）は1080×1920、Instagramの正方形は1080×1080、フィード縦長は1080×1350（4:5）。
Q2. 計算結果が小数になったらどうすればいいですか？
A. ピクセルは整数なので、四捨五入して使ってください。1〜2pxの誤差は見た目には影響しません。動画編集ソフトによっては偶数サイズしか受け付けないことがあるので、その場合は近い偶数に丸めます。
Q3. 16:9の本当の意味は？
A. 横16・縦9の比という意味で、約1.778倍の横長です。1080p（1920×1080）は1920÷1080=約1.778になり、16:9に一致します。1980年代にHDTVの規格として制定され、今は動画・PC・テレビの標準になっています。
Q4. 9:16と16:9はどう違いますか？
A. 9:16は16:9を90度回転させた縦長比率で、スマホの縦画面を全画面で埋めるためのものです。TikTok・Instagram Reels・YouTube Shortsはすべて9:16が標準。動画解像度は1080×1920が基本です。
Q5. 21:9はどんな時に使いますか？
A. シネマスコープ（映画館の比率）や、ウルトラワイドモニター（DELLやLGの34インチ等）で使います。映画的演出や、横にすごく広いダッシュボード作成時。Web動画では16:9の方が一般的なので、特殊用途向けです。
Q6. CSSのaspect-ratioプロパティとどう関係しますか？
A. CSSのaspect-ratioプロパティを使うと、CSSだけで「常に16:9」の枠を作れます（例：aspect-ratio: 16 / 9）。本ツールはピクセル単位の具体的なサイズを計算するもので、CSS指定の前段として「実際は何pxになるか」を確認するのに便利です。
Q7. 実際に画像をこのサイズにするには？
A. 計算したサイズへの変更は、本サイトの「画像リサイズ」ツールでできます。比率が違う画像を切り抜いて合わせたい場合は「画像トリミング」で16:9などの比率を指定して切り抜けます。
Q8. HEIC・WebPなどでも比率は同じ？
A. ファイル形式（JPG/PNG/HEIC/WebP）に関わらず、画像の縦横比は変わりません。形式はあくまで「データの保存方法」の違いで、表示される画像のピクセル数とアスペクト比は別の話です。
Q9. 動画編集ソフトでは偶数推奨と聞きました
A. H.264など多くの動画圧縮形式は、横幅・高さを2の倍数（偶数）にすることを要求します。たとえば16:9で計算結果が「800×450」のように奇数を含む場合は、450を偶数の450 or 452に丸めます。本ツールの計算結果は四捨五入後、偶数か確認して使ってください。
関連ツール
画像・動画の制作で使うツール
アスペクト比を決めた後の実作業で使う、手軽屋のツール群。組み合わせて使うことで、SNS・YouTube・ブログの画像／動画素材作りが完結します。