アスペクト比計算
画面サイズからアスペクト比を計算。プリセット・解像度テーブル・CSSコード出力
解像度からアスペクト比を計算
16:9
小数: 1.7778
アスペクト比から寸法を計算
16:94:31:121:93:22:39:16
計算された高さ
1080px
1920 x 1080 (16:9)
ビジュアルプレビュー
16:9
CSSコード
/* CSS */
aspect-ratio: 16/9;
/* Tailwind CSS */
aspect-[16/9]
一般的な解像度一覧
| 名前 | 幅 | 高さ | 比率 |
|---|---|---|---|
| 8K UHD | 7,680 | 4,320 | 16:9 |
| 5K | 5,120 | 2,880 | 16:9 |
| 4K UHD | 3,840 | 2,160 | 16:9 |
| QHD (2K) | 2,560 | 1,440 | 16:9 |
| Full HD | 1,920 | 1,080 | 16:9 |
| HD | 1,280 | 720 | 16:9 |
| WXGA | 1,366 | 768 | 16:9 |
| XGA | 1,024 | 768 | 4:3 |
| SVGA | 800 | 600 | 4:3 |
| VGA | 640 | 480 | 4:3 |
| 1,080 | 1,080 | 1:1 | |
| iPhone 15 Pro | 1,179 | 2,556 | 9:19.5 |
| Stories / Reels | 1,080 | 1,920 | 9:16 |