アスペクト比計算機
幅と高さ(px)を入れるだけで、アスペクト比を最簡分数(16:9など)で計算します。 比率を保ったままのサイズ変換や、CSSのコピー用コードにも対応しています。
よく使う比率 16:9 にぴったりです。
aspect-ratio: 16 / 9;幅 1,280px のとき、高さは 720px です(四捨五入)。
アスペクト比とは
アスペクト比は、画面や画像の「幅と高さの比率」のことです。例えば1920x1080の動画は、 両方を120で割ると16:9になります。同じ16:9なら1280x720でも3840x2160(4K)でも見た目の縦横バランスは同じで、 画質(解像度)だけが変わります。動画編集・サムネイル作成・Webデザインでは、 この比率を揃えることで黒帯や意図しないトリミングを防げます。
よく使うサイズ早見表
| 用途 | 比率 | 代表的なサイズ(px) |
|---|---|---|
| YouTube・フルHD動画 | 16:9 | 1920x1080 |
| 4K動画 | 16:9 | 3840x2160 |
| TikTok・リール・ショート | 9:16 | 1080x1920 |
| Instagramフィード(正方形) | 1:1 | 1080x1080 |
| Instagramフィード(縦長) | 4:5 | 1080x1350 |
| デジカメ写真・プレゼン(旧) | 4:3 | 1600x1200 |
| 一眼レフ写真・L判プリント | 3:2 | 3000x2000 |
| ウルトラワイドモニター | 21:9 | 2560x1080 |
よくある質問
16:9と16:10は何が違いますか?
16:9(1920x1080など)はテレビ・YouTube・多くのノートPCで使われる標準的な比率です。16:10(1920x1200など)はそれより縦に少し長く、作業領域を広く取れるためPCモニターで採用されることがあります。動画コンテンツは16:9が主流なので、16:10の画面で全画面再生すると上下に黒帯が出ます。
SNSに投稿する画像・動画の推奨サイズは?
YouTubeは16:9(1920x1080)、TikTok・YouTubeショート・Instagramリールは9:16(1080x1920)、Instagramフィードは1:1(1080x1080)または縦長4:5(1080x1350)、X(旧Twitter)は16:9が無難です。プラットフォームの仕様は変わることがあるため、最新の公式ヘルプも確認してください。
CSSでアスペクト比を指定するには?
aspect-ratioプロパティを使い、「aspect-ratio: 16 / 9;」のように書きます。幅だけ指定すれば高さが自動で決まるため、レスポンシブな動画埋め込みやカードのサムネイルに便利です。主要ブラウザすべてでサポートされています。
「近い比率」と表示されるのはなぜですか?
入力したサイズの比が、よく使う比率と完全には一致しないためです。例えば1919x1080は16:9とわずかにずれています。スクリーンショットの端が1px欠けた場合などによく起こります。表示されるずれ(%)が小さければ、実用上はその比率として扱って問題ありません。