Smallest whole-pixel size 32 × 9.
In CSS: aspect-ratio: 32 / 9. Rotated it becomes 9:32.
Where 32:9 is used
Super-ultrawide monitors — 5120×1440, effectively two 16:9 screens side by side.
Sold as a replacement for a dual-monitor setup without the centre bezel.
Rendered live with aspect-ratio: 32 / 9.
32:9 resolutions
Every size below is exactly 32:9 — no rounding. Sizes marked as a standard are named display resolutions.
| Resolution | Width | Height | Megapixels | Standard |
|---|---|---|---|---|
| 160 × 45 | 160 | 45 | 0.01 | — |
| 192 × 54 | 192 | 54 | 0.01 | — |
| 224 × 63 | 224 | 63 | 0.01 | — |
| 256 × 72 | 256 | 72 | 0.02 | — |
| 288 × 81 | 288 | 81 | 0.02 | — |
| 320 × 90 | 320 | 90 | 0.03 | — |
| 352 × 99 | 352 | 99 | 0.03 | — |
| 384 × 108 | 384 | 108 | 0.04 | — |
| 416 × 117 | 416 | 117 | 0.05 | — |
| 448 × 126 | 448 | 126 | 0.06 | — |
| 480 × 135 | 480 | 135 | 0.06 | — |
| 512 × 144 | 512 | 144 | 0.07 | — |
| 544 × 153 | 544 | 153 | 0.08 | — |
| 576 × 162 | 576 | 162 | 0.09 | — |
| 608 × 171 | 608 | 171 | 0.1 | — |
| 640 × 180 | 640 | 180 | 0.12 | — |
| 672 × 189 | 672 | 189 | 0.13 | — |
| 704 × 198 | 704 | 198 | 0.14 | — |
| 736 × 207 | 736 | 207 | 0.15 | — |
| 768 × 216 | 768 | 216 | 0.17 | — |
| 800 × 225 | 800 | 225 | 0.18 | — |
| 832 × 234 | 832 | 234 | 0.19 | — |
| 864 × 243 | 864 | 243 | 0.21 | — |
| 896 × 252 | 896 | 252 | 0.23 | — |
| 928 × 261 | 928 | 261 | 0.24 | — |
| 960 × 270 | 960 | 270 | 0.26 | — |
| 992 × 279 | 992 | 279 | 0.28 | — |
| 1024 × 288 | 1024 | 288 | 0.29 | — |
| 1056 × 297 | 1056 | 297 | 0.31 | — |
| 1088 × 306 | 1088 | 306 | 0.33 | — |
| 1120 × 315 | 1120 | 315 | 0.35 | — |
| 1152 × 324 | 1152 | 324 | 0.37 | — |
| 1184 × 333 | 1184 | 333 | 0.39 | — |
| 1216 × 342 | 1216 | 342 | 0.42 | — |
| 1248 × 351 | 1248 | 351 | 0.44 | — |
| 1280 × 360 | 1280 | 360 | 0.46 | — |
| 1312 × 369 | 1312 | 369 | 0.48 | — |
| 1344 × 378 | 1344 | 378 | 0.51 | — |
| 1376 × 387 | 1376 | 387 | 0.53 | — |
| 1408 × 396 | 1408 | 396 | 0.56 | — |
Using 32:9 in CSS
/* Modern — one line */
.box { aspect-ratio: 32 / 9; }
/* With a fixed width */
.box { width: 100%; max-width: 800px; aspect-ratio: 32 / 9; }
/* Legacy padding-top hack, if you still need it */
.box-legacy { position: relative; }
.box-legacy::before { content: ""; display: block; padding-top: 28.125%; }
.box-legacy > * { position: absolute; inset: 0; }Named standards at 32:9
Questions about 32:9
What resolution is 32:9?
32:9 is a ratio, not a fixed resolution — any size where width ÷ height equals 3.5556 qualifies. The smallest whole-pixel pair is 32 × 9, and common ones include 640 × 180, 672 × 189, 704 × 198, 736 × 207.
What is 32:9 used for?
Super-ultrawide monitors — 5120×1440, effectively two 16:9 screens side by side.
How do I set 32:9 in CSS?
Use the aspect-ratio property: aspect-ratio: 32 / 9;. The element then keeps that shape at any width. It is supported in every current browser.
What is 32:9 the other way round?
Rotated 90 degrees it becomes 9:32.
How do I calculate a 32:9 height from a width?
Multiply the width by 0.28125. For example 1024 × 0.28125 = 288. The calculator does it both directions.