16:9 や 4:3 などのアスペクト比を指定し、 幅または高さを入力するだけでサイズを自動計算できます。 画像・動画制作に便利な無料ツールです。
サイズ設定
Current Ratio
16:9
Simplified
16:9
Common Resolutions
HD (720p) 0.9 Megapixels | 1280 × 720 |
Full HD (1080p) 2.1 Megapixels | 1920 × 1080 |
4K (2160p) 8.3 Megapixels | 3840 × 2160 |
アスペクト比計算ツールとは？
本ツールは、画像や動画の「幅と高さの比率（アスペクト比）」を維持したまま、最適な解像度を自動算出するためのオンラインシミュレーターです。 16:9（HD動画）や4:3（旧モニター）、1:1（SNS用正方形）など、指定した比率に合わせて、幅を入力すれば高さを、高さを入力すれば幅を瞬時に計算します。 デザイン制作や動画編集において、「元データの比率を崩さずにリサイズしたい」という場面で最も力を発揮します。
こんなシーンで便利です
YouTubeや動画編集の解像度決定
16:9の比率を保ったまま、4KからフルHD、あるいは独自のカスタム解像度へ変更したい時の数値割り出しに。
Webサイト・バナー制作の画像リサイズ
CSSのpadding-topを用いたアスペクト比固定（Aspect Ratio）の実装や、デザイン枠に合わせた正確なピクセル計算に。
SNS（Instagram/TikTok）投稿
インスタの1:1やTikTokの9:16など、プラットフォームごとに推奨されるアスペクト比への最適なリサイズ計算に。
パワーポイントやスライド作成
プロジェクターの投影比率（4:3または16:9）に合わせて、挿入する画像の縦横比を歪ませずに調整したい時に。
使い方は簡単 3ステップ
- 「比率（幅・高）」にお好みの比率を入力（またはプリセットを選択）します。
- 「幅 (px)」または「高さ (px)」のどちらか一方に、基準となる数値を入力します。
- もう一方の数値が自動で計算されます。「コピー」ボタンで数値を保存可能です。
※現在の幅と高さから、その数値が何対何の比率なのかを逆算する「単純整数比」の確認も可能です。
ご利用時の注意点
- 小数点以下の扱い：比率によっては計算結果に小数点が含まれる場合があります。画像制作時は四捨五入して整数で扱うのが一般的です。
- リセット機能：数値が複雑になった場合は、リセットボタンで標準的なFull HD（1920×1080）の状態にいつでも戻せます。
- プレビュー表示：画面右側の青い枠は、現在の比率を視覚化したものです。縦長（ポートレート）か横長（ランドスケープ）かの確認に役立ちます。
主要アスペクト比と推奨解像度・サイズ一覧
動画配信、SNS、デザイン制作で頻繁に使用される標準的な比率とピクセル数の目安です。
| アスペクト比 | 解像度・ピクセル数 | 主な用途・規格 |
|---|---|---|
| 16:9 | 1920 × 1080 (Full HD) | YouTube、テレビ、一般的なPCモニター |
| 16:9 | 3840 × 2160 (4K UHD) | 高画質映像、4K対応ディスプレイ |
| 9:16 | 1080 × 1920 | TikTok、Instagramリール、YouTubeショート |
| 4:3 | 1024 × 768 (XGA) | 旧型モニター、パワーポイント（標準版） |
| 1:1 | 1080 × 1080 | Instagramフィード投稿（正方形） |
| 4:5 | 1080 × 1350 | Instagramフィード投稿（縦長） |
| 1.91:1 | 1200 × 630 | OGP画像（Facebook・Xシェア用） |
| 3:2 | 1500 × 1000 | 一眼レフカメラ（35mm判）、デジタル写真 |
| 21:9 | 3440 × 1440 | ウルトラワイドモニター、映画（シネマスコープ） |
【アスペクト比計算のポイント】
画像サイズをリサイズする際、「縦横比を固定」して計算しないと、被写体が伸びたり縮んだりする「歪み」の原因になります。 例えば、16:9の動画からOGP（1.91:1）を作成する場合など、比率が異なる規格へ変換する際は、本ツールで算出した数値を元にクロップ（切り抜き）範囲を決定するのが一般的です。
【解像度の逆算と比率の確認】
お手元の画像が「何対何」の比率か分からない場合は、幅と高さを入力して整数比を算出してください。 Webサイト制作におけるCSSの「aspect-ratio」プロパティや、YouTubeショート、TikTokといった縦長動画の制作において、正確なピクセル指定は表示崩れを防ぐために不可欠です。
フロントエンド実装とマルチデバイス配信を最適化する高度な比率計算手法
画面崩れを防ぐモダンCSSの実装ロジックや、各種メディア配信におけるビットレート効率の最適化など、開発者やクリエイターが実務で導入すべき実践的なレイアウトノウハウです。
モダンCSSのプロパティを使用したコンポーネントの表示領域固定化テクニック
Webサイトの実装において要素の表示比率を維持する場合、従来の非推奨アプローチであるインライン記述やpaddingハックではなく、最新ブラウザに対応した標準プロパティを活用してください。
親要素に対してaspect-ratio: 16 / 9を定義し、内包する画像や動画にobject-fit: coverを組み合わせることで、動的なレスポンシブ環境でもレイアウトシフト（CLS）を完全にゼロへと抑え込むことが可能です。
動画エンコード効率を高めるためのマクロブロック制約と偶数ピクセル順守の原則
動画の書き出し解像度を設定する際は、縦横のピクセル数が必ず8の倍数（または16の倍数）になるよう数値を調整する必要があります。
映像圧縮アルゴリズム（H.264やH.265等）は「マクロブロック」と呼ばれる16×16画素の単位でデータを処理するため、アスペクト比計算の過程で奇数のピクセル数が生じたままエンコードすると、余白を埋めるための無駄な処理が発生して画質の劣化やビットレート効率の低下を招きます。
ゲーム開発やアプリケーションUI設計におけるマルチディスプレイのアスペクト比対応
PCゲームやネイティブUIの設計では、単一の静的バナーとは異なり、ウルトラワイド（21:9）やスーパーウルトラワイド（32:9）といった多様なディスプレイへの対応が必要です。
解像度を固定値（絶対パス）で処理せず、ビューポートの縦横比に基づいてアンカーポイントを動的に変更する「UIスケーラー」の計算ロジックを挟むことで、プレイヤーの視聴環境に依存しない汎用性の高いアセット配置が実現します。
よくある失敗と対策
画像や動画の縦横比を固定せずリサイズし、被写体が不自然に伸び縮みして歪む
アスペクト比（縦横比）の計算をせずに、Webサイトのデザイン枠や動画編集のタイムラインに合わせてピクセル値（px）を手動で変更した結果、人物やロゴが横に広がったり縦につぶれたりしてビジュアルの品質が著しく低下する失敗です。
💡 対策・解決策を見る▼
計算結果の小数点以下のピクセル数を無視し、Webデザインで1pxの表示崩れや線が発生
アスペクト比計算ツールで算出された数値に小数点（例: 562.5px）が含まれている際、CSSやコーディング時にそのまま入力したり、不適切な四捨五入（丸め処理）をしたりしたことで、ブラウザ描画時に1ピクセルの隙間や謎の線、にじみが発生するバグです。
💡 対策・解決策を見る▼
YouTubeショートやInstagramリールで「9:16」と「3:4」を混同し、上下が黒帯でカットされる
TikTok動画やSNS投稿、スマホ向け縦長シアター動画を制作する際、ターゲットプラットフォームが推奨する正確なアスペクト比（9:16 / 1080×1920）を把握せず、一般的なビデオカメラの縦横比のまま出力してしまい、画面の上下や左右に無駄な黒枠（レターボックス）が生じる失敗です。
💡 対策・解決策を見る▼
X（旧Twitter）のOGP画像（1.91:1）やバナー比率の計算ミスで、タイムライン表示時に端が切り抜かれる
Webサイトのシェア用OGP画像（1200×630 / 1.91:1）やヘッダーバナーを制作する際、アスペクト比の計算を誤って「16:9」のまま書き出してしまうと、SNSのタイムライン上で重要なテキストやロゴ、キャラクターの顔などの両端が自動でクロップ（切り抜き）されて見えなくなる失敗です。
💡 対策・解決策を見る▼
よくある質問（FAQ）
Q.入力した画像のピクセルサイズや比率のデータが外部に送信されて情報漏洩するリスクはありますか？
A. 一切ありません。当ツールの計算処理はすべて利用者のデバイス（ブラウザ）上のメモリ内で完結しており、入力された幅、高さ、比率などの数値データが外部のサーバーに送信または保存される仕組みはありません。ページを閉じればデータは即座に完全消去されますので、機密性の高いデザインデータや公開前のプロジェクトの解像度計算であっても安全に利用できます。
Q.画面に表示された計算結果に小数点が含まれている場合、画像や動画の編集時はどのように数値を扱えばいいですか？
A. 比率の組み合わせによってはピクセル数に小数点が生じることがあります。デジタル画面は1画素単位で描画されるため、画像制作や動画の書き出しを行う際は、小数点以下を四捨五入して最も近い整数（グラフィックや映像の圧縮効率を考慮する場合は偶数）に丸めて数値を指定するのが一般的です。
Q.幅と高さのどちらの数値を基準にしてアスペクト比の自動計算を行えばいいですか？
A. どちらからでも計算可能です。比率（縦横比）を固定した状態であれば、幅の入力欄に数値を入力すると高さが自動算出され、逆に高さの入力欄に数値を入力すると幅の数値が即座に逆算されます。リサイズ後の目的のサイズに合わせて、確定している片方のピクセル数を入力してください。
Q.現在の手元にある画像ファイルが何対何のアスペクト比なのかを逆算して調べることは可能ですか？
A. はい、可能です。当ツールは、幅と高さの入力欄に現在お手元にある画像や動画のピクセルサイズ（解像度）を入力することで、その数値から最もシンプルな整数比（単純整数比）を導き出して何対何の縦横比であるかを確認できる逆算・確認機能も備えています。
Q.スマートフォンのブラウザからでも、パソコンと同じように縦横比のプレビューやピクセル計算は動きますか？
A. はい、正常に動作します。各種スマートフォンやタブレットのブラウザ環境にも最適化されたレスポンシブ設計を採用しているため、外出先や撮影現場からでも、画面右側の比率視覚化プレビューを確認しながら解像度の自動計算機能を快適に利用できます。
あなたの声で、
このツールをより鋭く。
「こんな機能が欲しい」「ここを直してほしい」といったご意見や、新しいツールのリクエストを募集しています。エンジニアが直接目を通し、開発の参考にさせていただきます。