16:9 や 4:3 などの縦横比を指定し、幅または高さを入力するだけでピクセル数を自動計算します。 計算式もその場に表示するため、数値の求め方を確認しながら使えます。
サイズ設定
四捨五入して整数に
この画像は何対何？
16:9
横 ÷ 縦
1.778
一般的な比率の 16:9 にぴったり一致します。
計算式
高さ = 幅 × 9 ÷ 16
= 1920 × 9 ÷ 16 = 1080
幅 = 高さ × 16 ÷ 9
= 1080 × 16 ÷ 9 = 1920
16:9 の解像度早見表
SD (480p) 0.4 メガピクセル | |
HD (720p) 0.9 メガピクセル | |
Full HD (1080p) 2.1 メガピクセル | |
WQHD (1440p) 3.7 メガピクセル | |
4K (2160p) 8.3 メガピクセル |
数値をタップするとコピーできます。端数は四捨五入して表示しています。
アスペクト比の計算式と、16:9・4:3のピクセル数を自動計算する方法
本ツールは、画像や動画の「幅と高さの比率（アスペクト比）」を維持したまま、最適な解像度を自動算出するオンライン計算ツールです。 16:9（HD動画）や4:3（スライド）、9:16（縦動画）、3:4、4:5など12種類のプリセットに対応し、幅を入力すれば高さを、高さを入力すれば幅を瞬時に計算します。入力した数値を当てはめた計算式をその場に表示するため、「どう計算しているのか」を確認しながら使えます。さらに、手元の画像が何対何かを調べる逆算、0.9倍などの任意倍率、動画向けの8の倍数への丸めにも対応しています。
こんなシーンで便利です
アスペクト比の計算式を確認したいとき
「高さ ＝ 幅 × 9 ÷ 16 ＝ 1080」のように、入力値を当てはめた式をそのまま表示します。手計算の検算にも使えます。
この画像は何対何か調べたいとき
幅と高さを入れるだけで最も簡単な整数比を算出し、16:9や1.91:1など一般的な比率のうち最も近いものを誤差つきで表示します。
動画の書き出し解像度を決めるとき
丸め方を「8の倍数」に設定すれば、映像圧縮の処理単位に合った解像度を算出できます。無駄な処理による画質劣化を避けられます。
SNS（Instagram / TikTok）投稿
1:1、4:5、9:16など、プラットフォームごとに推奨される比率をプリセットから選んで最適なリサイズ計算ができます。
使い方は簡単 4ステップ
- プリセットから比率を選ぶか、「比率（幅 : 高さ）」に任意の数値を入力します。
- 「解像度（ピクセル）」の幅か高さ、どちらか確定している側に数値を入力します。
- もう一方の数値が自動計算されます。計算式もあわせて表示されます。
- 必要に応じて丸め方（整数・偶数・8の倍数）や倍率を設定し、コピーボタンで数値を取得します。
※現在の幅と高さを入力すると、その数値が何対何の比率にあたるかを逆算して表示します。
ご利用時の注意点
- 計算式について：高さ ＝ 幅 × 比率の高さ ÷ 比率の幅、幅 ＝ 高さ × 比率の幅 ÷ 比率の高さ、で求めています。ツール上には入力値を当てはめた式が表示されます。
- 端数の丸め方：「そのまま」「整数」「偶数」「8の倍数」から選べます。Web用は整数、動画の書き出しは8の倍数を選ぶのが一般的です。
- 近い比率の判定について：一般的な比率との誤差が5%を超える場合は「該当なし」と表示します。誤差はあくまで目安としてご利用ください。
- プレビュー表示：青い枠は現在の比率を視覚化したものです。縦長か横長かの確認に役立ちます。
- リセット機能：数値が複雑になった場合は、リセットボタンで16:9のFull HD（1920×1080）の状態に戻せます。
アスペクト比の計算式一覧（16:9・4:3・9:16の求め方と解像度）
動画配信、SNS、デザイン制作で頻繁に使用される標準的な比率と、実際の計算式・ピクセル数の目安です。
| アスペクト比 | 計算式（幅→高さ） | 代表的な解像度 | 主な用途・規格 |
|---|---|---|---|
| 16:9 | 高さ = 幅 × 9 ÷ 16 | 1920 × 1080 / 3840 × 2160 | YouTube、テレビ、PCモニター |
| 9:16 | 高さ = 幅 × 16 ÷ 9 | 1080 × 1920 | TikTok、リール、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 | ウルトラワイドモニター、映画 |
【アスペクト比の計算方法：2つの式だけ覚えれば足りる】
アスペクト比の計算は、次の2つの式に集約されます。
高さ ＝ 幅 × 比率の高さ ÷ 比率の幅
幅 ＝ 高さ × 比率の幅 ÷ 比率の高さ
たとえば16:9で幅が1920pxなら、1920 × 9 ÷ 16 ＝ 1080px。逆に高さが720pxなら、720 × 16 ÷ 9 ＝ 1280px です。掛ける数と割る数を取り違えると縦長と横長が入れ替わるため、迷ったときは「求めたい辺の比率を掛ける」と覚えると間違えにくくなります。
【何対何かを調べる：最大公約数で約分する】
手元の画像が何対何かを知るには、幅と高さの最大公約数で両方を割ります。1920と1080の最大公約数は120なので、1920÷120＝16、1080÷120＝9で「16:9」と分かります。ただし1200×630のように割り切れても40:21のような見慣れない数字になる場合があるため、本ツールでは一般的な比率のうち最も近いものもあわせて表示します。
【呼称と実際の比率がずれている規格に注意】
広く使われている呼び名が、厳密な比率と一致しないケースがあります。ウルトラワイドモニターの「21:9」は通称で、代表的な3440×1440は計算すると約2.39:1（43:18）であり、21:9の2.33:1とは一致しません。同様にOGP画像の1200×630は正確には1.905:1で、1.91:1とはわずかにずれています。いずれも実務上は問題ない範囲の差ですが、厳密なピクセル計算を行う際は呼称ではなく実際の数値を基準にしてください。本ツールで幅と高さを入力すれば、その画像の正確な比率を判定できます。
【比率を変えるときはクロップが必要】
16:9の動画からOGP画像（1.91:1）を作る場合のように、比率そのものが異なる規格へ変換する際は、単なるリサイズでは対応できません。縦横比を変えて引き伸ばすと被写体が歪むため、本ツールで算出した数値をもとにクロップ（切り抜き）範囲を決めるのが正しい手順です。
フロントエンド実装とマルチデバイス配信を最適化する高度な比率計算手法
画面崩れを防ぐモダンCSSの実装ロジックや、各種メディア配信におけるビットレート効率の最適化など、開発者やクリエイターが実務で導入すべき実践的なレイアウトノウハウです。
モダンCSSのaspect-ratioプロパティで表示領域を固定しレイアウトシフトを防ぐ
Webサイトの実装において要素の表示比率を維持する場合、従来のpaddingハックではなく標準プロパティを活用してください。
親要素に対してaspect-ratio: 16 / 9を定義し、内包する画像や動画にobject-fit: coverを組み合わせることで、レスポンシブ環境でもレイアウトシフト（CLS）をゼロに抑えられます。
なお、算出したピクセル値に小数が残ったまま指定すると、ブラウザの描画時に1pxの隙間や線が生じることがあるため、本ツールの丸め設定で整数に揃えてから実装してください。
動画エンコード効率を高めるマクロブロック制約と8の倍数を守る原則
動画の書き出し解像度を設定する際は、縦横のピクセル数が8の倍数（できれば16の倍数）になるよう調整する必要があります。
映像圧縮アルゴリズム（H.264やH.265等）は「マクロブロック」と呼ばれる16×16画素の単位でデータを処理するため、奇数や半端なピクセル数のままエンコードすると、余白を埋める無駄な処理が発生して画質の劣化やビットレート効率の低下を招きます。
本ツールの丸め方を「8の倍数」に設定すれば、計算と同時にこの制約を満たす数値が得られます。
ゲーム開発やアプリUI設計におけるマルチディスプレイのアスペクト比対応
PCゲームやネイティブUIの設計では、単一の静的バナーとは異なり、ウルトラワイド（21:9）やスーパーウルトラワイド（32:9）といった多様なディスプレイへの対応が必要です。
解像度を固定値で処理せず、ビューポートの縦横比に基づいてアンカーポイントを動的に変更する「UIスケーラー」の計算ロジックを挟むことで、プレイヤーの視聴環境に依存しない汎用性の高いアセット配置が実現します。
同じ比率のまま解像度を段階的に用意するレスポンシブ画像の設計
srcsetで複数解像度の画像を配信する場合、すべての候補が完全に同一の縦横比であることが前提になります。比率がわずかでもずれた画像が混ざると、画面幅によって表示が微妙に伸縮する原因になります。
本ツールの倍率機能を使い、基準サイズに対して0.5倍・0.75倍・2倍といった値をかけて生成すれば、比率を保ったまま解像度違いのセットを機械的に用意できます。
アスペクト比の計算でよくある失敗と対策
計算式の掛ける数と割る数を取り違えて、縦長と横長が入れ替わる
「高さ ＝ 幅 × 9 ÷ 16」とすべきところを「幅 × 16 ÷ 9」と計算してしまい、1920pxの幅に対して3413pxという縦長の数値が出てしまう失敗です。手計算や電卓では気づきにくく、そのままカンバスを作成してから比率の誤りに気づくことになります。
💡 対策・解決策を見る▼
縦横比を固定せずリサイズし、被写体が不自然に伸び縮みして歪む
アスペクト比の計算をせずに、デザイン枠や動画編集のタイムラインに合わせてピクセル値を手動で変更した結果、人物やロゴが横に広がったり縦につぶれたりしてビジュアルの品質が低下する失敗です。
💡 対策・解決策を見る▼
小数点以下のピクセル数を無視して、Webデザインで1pxの表示崩れが発生
算出された数値に小数（例：562.5px）が含まれている際、CSSにそのまま入力したり不適切に丸めたりしたことで、ブラウザ描画時に1ピクセルの隙間や謎の線、にじみが発生するバグです。
💡 対策・解決策を見る▼
動画の書き出し解像度が8の倍数になっておらず、画質とファイルサイズが悪化
アスペクト比の計算結果をそのまま書き出し設定に入力した結果、縦横のピクセル数が半端な値になり、映像圧縮の処理単位である16×16のマクロブロックに収まらず、余白を埋める無駄な処理で画質劣化やビットレート効率の低下を招くケースです。
💡 対策・解決策を見る▼
OGP画像（1.91:1）を16:9のまま書き出し、タイムラインで端が切り抜かれる
シェア用OGP画像（1200×630 / 1.91:1）を制作する際、アスペクト比を16:9のまま書き出してしまうと、SNSのタイムライン上で重要なテキストやロゴの両端が自動でクロップされて見えなくなる失敗です。16:9と1.91:1は数値が近いため、目視では違いに気づきにくいという厄介さがあります。
💡 対策・解決策を見る▼
よくある質問（FAQ）
Q.アスペクト比の計算式を教えてください
A. 幅から高さを求める場合は「高さ ＝ 幅 × 比率の高さ ÷ 比率の幅」です。16:9で幅1920pxなら、1920 × 9 ÷ 16 ＝ 1080px となります。逆に高さから幅を求める場合は「幅 ＝ 高さ × 比率の幅 ÷ 比率の高さ」で、1080 × 16 ÷ 9 ＝ 1920px です。当ツールでは入力した数値をそのまま当てはめた計算式を画面上に表示するため、どの数値がどこに入るのかを確認しながら使えます。
Q.手元の画像が何対何のアスペクト比なのかを調べる方法はありますか
A. 幅と高さのピクセル数を入力するだけで判定できます。当ツールは入力値から最大公約数を求めて最も簡単な整数比を算出し、あわせて16:9や4:3といった一般的な比率のうち最も近いものを誤差つきで表示します。たとえば1200×630を入力すると整数比は40:21ですが、実質的にはOGP画像で使われる1.91:1に相当することが分かります。当てはまる一般的な比率がない場合はその旨を表示します。
Q.1920の0.9倍のように、任意の倍率で解像度を計算できますか
A. できます。×0.5、×0.75、×0.9、×1.5、×2、×3のボタンに加えて、任意の倍率を入力して適用する欄を用意しています。倍率をかけると幅と高さの両方が同じ比率で拡大縮小されるため、縦横比を保ったままのリサイズ計算がそのまま行えます。端数は選択中の丸め方の設定に従って処理されます。
Q.動画の書き出しでピクセル数を8の倍数や偶数にしたいのですが対応していますか
A. 対応しています。端数の丸め方として「そのまま」「整数」「偶数」「8の倍数」の4種類を選べます。H.264やH.265などの映像圧縮は16×16画素のマクロブロック単位で処理されるため、縦横のピクセル数を8の倍数や16の倍数に揃えておくと、余白を埋める無駄な処理を避けられます。動画を書き出す前に「8の倍数」を選んで計算し直すことをおすすめします。
Q.計算結果に小数点が出た場合はどう扱えばよいですか
A. 比率の組み合わせによってはピクセル数に小数点が生じます。デジタル画面は1画素単位で描画されるため、実際の制作では整数に丸める必要があります。当ツールの丸め方の設定を「整数」または「偶数」に切り替えれば、入力と同時に自動で丸めた値が表示されます。CSSで小数のピクセル値をそのまま指定すると、ブラウザの描画時に1pxの隙間や線が出ることがあるためご注意ください。
Q.幅と高さのどちらの数値を基準にして計算すればいいですか
A. どちらからでも計算できます。比率を設定した状態で幅を入力すると高さが自動算出され、高さを入力すると幅が逆算されます。すでに確定している側のピクセル数を入力してください。比率そのものを変更した場合は、現在の幅を保ったまま高さが引き直されます。
Q.入力した画像のピクセルサイズや比率のデータが外部に送信されて情報漏洩するリスクはありますか
A. 一切ありません。当ツールの計算処理はすべて利用者のデバイス（ブラウザ）上のメモリ内で完結しており、入力された幅、高さ、比率などの数値データが外部のサーバーに送信または保存される仕組みはありません。ページを閉じればデータは即座に完全消去されますので、公開前のプロジェクトの解像度計算であっても安全に利用できます。
あなたの声で、
このツールをより鋭く。
「こんな機能が欲しい」「ここを直してほしい」といったご意見や、新しいツールのリクエストを募集しています。エンジニアが直接目を通し、開発の参考にさせていただきます。