アスペクト比計算機
画像と動画のアスペクト比を計算します。任意の 2 つの値を入力して 3 番目の値を求めるか、一般的な動画とソーシャルメディアのサイズの事前設定比率を選択します。
Common ratios:
Aspect Ratio
16:9
Decimal
1.7778
Total Pixels
2,073,600
2.07 MP
16:9
CSS
aspect-ratio: 16 / 9;
Common 16:9 Resolutions
480p854 × 480
720p HD1280 × 720
1080p FHD1920 × 1080
1440p QHD2560 × 1440
4K UHD3840 × 2160
アスペクト比計算機の使い方
- 1画像または動画の幅と高さを入力してください。
- 2アスペクト比と簡約分数が即座に表示されます。
- 3または、プリセット比率を選択して、1 つの寸法を入力してもう一方を計算します。
- 4選択した比率の一般的な解像度を表示します。
Zenovayアナリティクス
関連ツール
よくある質問
アスペクト比とは何ですか？▾
アスペクト比は、画像またはビデオの幅と高さの間の比例関係であり、W:Hとして表現されます。たとえば、16:9は幅16単位ごとに高さ9単位があることを意味します。一般的な比率：16:9（ワイドスクリーンHDビデオ、YouTube）、4:3（古いTV/モニター、iPad横向き）、1:1（正方形、Instagram）、9:16（縦向きビデオ、TikTok/Reels）、3:2（DSLRカメラ写真、35mm film）、21:9（超ワイドシネマ）。
アスペクト比がウェブとビデオにとって重要なのはなぜですか？▾
アスペクト比は以下の理由で重要です：（1）ビデオ埋め込み — 間違った比率を使用するとレターボックスか引き伸ばしが発生します。（2）画像最適化 — ブラウザ側のトリミングを避けるために、アップロード前に正確な表示比率に画像をトリミングします。（3）CSS — コンテナにaspect-ratio: 16/9を設定すると、幅に関係なく常にその比率を保つことができます。（4）ソーシャルメディア — 各プラットフォームは最適な表示のために異なる必須比率を持っています（Twitter：16:9または1:1、Instagram：1:1、4:5、または9:16）。
CSSでアスペクト比を維持するにはどうすればよいですか？▾
モダンCSS：要素に直接aspect-ratio: 16 / 9を設定します。要素の高さは指定された比率で幅に自動的に一致します。レガシー方法（paddingハック）：コンテナにheight: 0およびpadding-bottom: 56.25%を設定します（56.25% = 9/16 × 100%）— これは古いブラウザで機能します。レスポンシブビデオの場合は、aspect-ratio: 16/9を使用してdivでラップし、iframeまたはビデオをwidth: 100%; height: 100%に設定します。
異なるアスペクト比にはどの解像度を使用すればよいですか？▾
16:9 — 1280×720（720p HD）、1920×1080（1080p Full HD）、3840×2160（4K UHD）、2560×1440（2K QHD）。4:3 — 1024×768、1280×960、800×600。1:1 — 1080×1080（Instagram）。9:16 — 1080×1920（Stories/Reels/TikTok）。3:2 — 1920×1280、2400×1600。21:9 — 3440×1440、2560×1080。ウェブ画像の場合は、Retinaディスプレイ用にCSS表示サイズの2倍で配信してください。
欠落している寸法を計算するにはどうすればよいですか？▾
幅（W）とアスペクト比（W_ratio:H_ratio）がわかっている場合、高さは次のようになります：H = W × （H_ratio / W_ratio）。たとえば、16:9で1920pxの幅 → H = 1920 × （9/16）= 1080px。高さがわかっている場合、幅は次のようになります：W = H × （W_ratio / H_ratio）。このcalculatorは自動的にこれらすべての計算を処理します — 2つの値を入力するだけです。