画像制作や動画編集、Webサイトのレイアウト調整を行っていると、「16:9の比率を保ったまま横幅を1280pxにしたら高さは何ピクセルになるのか」といった計算が頻繁に発生します。
しかし、手元の電卓やメモ帳で手計算しようとすると、「比率の幅と高さ、どちらを先に掛けてどちらで割るべきか」で迷い、掛け算と割り算の順番を取り違えて縦長と横長が逆転してしまうミスが少なくありません。
アスペクト比の計算式自体は非常にシンプルであり、たった2つの公式と仕組みを理解すれば、誰でも正確にピクセル数を算出できるようになります。
この記事を読むより前に、今すぐ手元の数値から正確なピクセル数を割り出したい方や、入力した数値をそのまま当てはめた計算式を確認したい方は、以下の完全ブラウザ完結型ツールを直接ご活用ください。
▶ 今すぐこのツールでアスペクト比を自動計算する（登録不要・完全ブラウザ完結）
アスペクト比の計算式：2つの公式だけ覚えれば足りる
アスペクト比（縦横比）とは、画面や画像の「幅」と「高さ」の比率を表したものです。指定されたアスペクト比を維持しながら、片方のピクセル数からもう片方のピクセル数を求めるための計算式は、以下の2つに集約されます。
幅から高さを求める計算式
高さ ＝ 幅 × 比率の高さ ÷ 比率の幅
高さから幅を求める計算式
幅 ＝ 高さ × 比率の幅 ÷ 比率の高さ
たとえば、最も一般的な「16:9」の比率で、幅が1920pxのときの高さを求めたい場合、上記の公式に数値を当てはめると以下のようになります。
1920（幅） × 9（比率の高さ） ÷ 16（比率の幅） ＝ 1080px（高さ）
逆に、同じ16:9の比率で高さが720pxと決まっており、必要な幅を逆算したい場合は以下の通りです。
720（高さ） × 16（比率の幅） ÷ 9（比率の高さ） ＝ 1280px（幅）
数式を覚えるのが難しく感じるときは、「求めたい辺の比率を最後に掛ける（または途中で掛ける）」と意識すると、掛け算と割り算の順序で迷いにくくなります。
計算の順番を取り違える「あるある失敗」とその防ぎ方
私自身もデザイン作業の途中で急いで手計算をした際、「高さ ＝ 幅 × 9 ÷ 16」とすべきところを、誤って「幅 × 16 ÷ 9」と電卓に入力してしまい、1920pxの幅に対して3413pxという極端な縦長の数値を出してしまった経験があります。
このような掛け算と割り算の取り違えは、手作業や電卓で計算していると直感的に気づきにくく、グラフィックソフトのカンバスサイズに数値を設定してから「なぜか縦横が入れ替わっている」と慌てる原因になります。
このような手計算時のケアレスミスを防ぐためには、以下のステップで確認する癖をつけるか、計算式そのものが画面に表示されるツールを活用するのが確実です。
- 結果のプレビュー確認: 16:9や4:3など「幅の方が大きい横長比率」の場合、計算後の数値も必ず「高さより幅が大きい」状態になっているか確認する。
- 途中式の可視化: 電卓を叩く前に、紙やメモに「1920 × 9 ÷ 16」のように数式を書き出して数値を当てはめる。
▶ 入力値を当てはめた計算式をその場で確認して自動計算する（登録不要・完全ブラウザ完結）
主要なアスペクト比の計算式と代表的なピクセル数早見表
動画配信、SNS投稿、Web制作などで頻繁に使用される標準的なアスペクト比について、計算式と代表的なピクセルサイズ（解像度）を一覧表にまとめました。
主要アスペクト比の計算式と用途一覧
| アスペクト比 | 計算式（幅から高さを求める場合） | 代表的な解像度（幅 × 高さ） | 主な用途・規格 |
|---|---|---|---|
| 16:9 | 高さ ＝ 幅 × 9 ÷ 16 | 1920 × 1080 / 3840 × 2160 | YouTube、テレビ、PCモニター（Full HD / 4K） |
| 9:16 | 高さ ＝ 幅 × 16 ÷ 9 | 1080 × 1920 | TikTok、Instagramリール、YouTubeショート |
| 4:3 | 高さ ＝ 幅 × 3 ÷ 4 | 1024 × 768 / 1600 × 1200 | 旧型モニター、プレゼン資料スライド |
| 3:4 | 高さ ＝ 幅 × 4 ÷ 3 | 1080 × 1440 | 縦位置の写真、印刷物レイアウト |
| 1:1 | 高さ ＝ 幅 × 1 ÷ 1 | 1080 × 1080 | Instagramフィード（正方形） |
| 4:5 | 高さ ＝ 幅 × 5 ÷ 4 | 1080 × 1350 | Instagramフィード（縦長） |
| 3:2 | 高さ ＝ 幅 × 2 ÷ 3 | 1500 × 1000 / 6000 × 4000 | 一眼レフカメラ（35mm判標準） |
| 16:10 | 高さ ＝ 幅 × 10 ÷ 16 | 1920 × 1200 | タブレット、一部のPCモニター |
| 1.91:1 | 高さ ＝ 幅 × 100 ÷ 191 | 1200 × 628（慣例で630） | OGP画像（SNSシェア用アイキャッチ） |
| 21:9（呼称） | 高さ ＝ 幅 × 9 ÷ 21 | 3440 × 1440（実際は約2.39:1） | ウルトラワイドモニター、映画コンテンツ |
※21:9やOGP画像の1.91:1のように、業界内の呼び名と厳密な数学的比率がわずかに異なる規格が存在します。実際の制作では呼称に惑わされず、目的のプラットフォームが指定する正確なピクセル数を基準に計算することが重要です。
手元の画像が何対何かを調べる方法（比率の逆算）
手元にある画像のピクセルサイズ（例：1200 × 630）から、「これが何対何のアスペクト比なのか」を調べるには、幅と高さの最大公約数を求めて約分します。
たとえば、1920 × 1080 の場合、両方の数値の最大公約数は「120」となります。
1920 ÷ 120 ＝ 161080 ÷ 120 ＝ 9
これにより、最も簡単な整数比として「16:9」が導き出せます。
ただし、1200 × 630 のように約分すると「40:21」といった見慣れない整数比になってしまうケースもあります。この場合、実質的にはWeb上のOGP画像で標準的に使用される「1.91:1」に極めて近い比率であると判定するのが実務的です。
手動で最大公約数を計算するのが大変な場合や、端数が生じる複雑な画像サイズの比率を調べたい場合は、数値を入力するだけで自動判定できるツールを利用するのが効率的です。
個人開発ツールだから実現できる「サーバー非送信」の安全性
未公開のWebデザイン、新商品のプロモーション用動画、あるいは社内プレゼン資料に使用する画像の解像度を計算する際、外部のWebツールを利用することに対してセキュリティ上の懸念を持つ方もいるかもしれません。
一般的な大手の無料Webツールの中には、ユーザーが入力した数値やファイル情報を外部のWebサーバーへ送信し、サーバー側で計算処理を行ったりアクセスログとしてデータベースに記録したりする仕組みを採用しているものが存在します。
当サイトで提供している「アスペクト比計算ツール」は、こうしたプライバシーや情報の取り扱いに配慮し、徹底した「完全ブラウザ完結設計（JavaScriptによるクライアントサイド処理）」を採用しています。
入力された幅、高さ、比率などの数値データは、お使いの端末（ブラウザ）のメモリ内のみで直接計算処理されます。外部のサーバーへ送信される仕組みそのものが存在しないため、開発者を含む第三者が入力内容をサーバー経由で確認する仕組みは一切存在しません。公開前の重要なプロジェクトに関するピクセル計算であっても、安心してご活用いただけます。