Smallest whole-pixel size 5 × 4.
In CSS: aspect-ratio: 5 / 4. Rotated it becomes 4:5.
Where 5:4 is used
1280×1024 office monitors, large-format film.
The 5:4 monitor was ubiquitous in offices around 2005 and is now almost extinct outside industrial hardware.
Rendered live with aspect-ratio: 5 / 4.
5:4 resolutions
Every size below is exactly 5:4 — no rounding. Sizes marked as a standard are named display resolutions.
| Resolution | Width | Height | Megapixels | Standard |
|---|---|---|---|---|
| 160 × 128 | 160 | 128 | 0.02 | — |
| 165 × 132 | 165 | 132 | 0.02 | — |
| 170 × 136 | 170 | 136 | 0.02 | — |
| 175 × 140 | 175 | 140 | 0.02 | — |
| 180 × 144 | 180 | 144 | 0.03 | — |
| 185 × 148 | 185 | 148 | 0.03 | — |
| 190 × 152 | 190 | 152 | 0.03 | — |
| 195 × 156 | 195 | 156 | 0.03 | — |
| 200 × 160 | 200 | 160 | 0.03 | — |
| 205 × 164 | 205 | 164 | 0.03 | — |
| 210 × 168 | 210 | 168 | 0.04 | — |
| 215 × 172 | 215 | 172 | 0.04 | — |
| 220 × 176 | 220 | 176 | 0.04 | — |
| 225 × 180 | 225 | 180 | 0.04 | — |
| 230 × 184 | 230 | 184 | 0.04 | — |
| 235 × 188 | 235 | 188 | 0.04 | — |
| 240 × 192 | 240 | 192 | 0.05 | — |
| 245 × 196 | 245 | 196 | 0.05 | — |
| 250 × 200 | 250 | 200 | 0.05 | — |
| 255 × 204 | 255 | 204 | 0.05 | — |
| 260 × 208 | 260 | 208 | 0.05 | — |
| 265 × 212 | 265 | 212 | 0.06 | — |
| 270 × 216 | 270 | 216 | 0.06 | — |
| 275 × 220 | 275 | 220 | 0.06 | — |
| 280 × 224 | 280 | 224 | 0.06 | — |
| 285 × 228 | 285 | 228 | 0.06 | — |
| 290 × 232 | 290 | 232 | 0.07 | — |
| 295 × 236 | 295 | 236 | 0.07 | — |
| 300 × 240 | 300 | 240 | 0.07 | — |
| 320 × 256 | 320 | 256 | 0.08 | — |
| 480 × 384 | 480 | 384 | 0.18 | — |
| 640 × 512 | 640 | 512 | 0.33 | — |
| 720 × 576 | 720 | 576 | 0.41 | — |
| 800 × 640 | 800 | 640 | 0.51 | — |
| 960 × 768 | 960 | 768 | 0.74 | — |
| 1080 × 864 | 1080 | 864 | 0.93 | — |
| 1200 × 960 | 1200 | 960 | 1.15 | — |
| 1280 × 1024 | 1280 | 1024 | 1.31 | SXGA |
| 1440 × 1152 | 1440 | 1152 | 1.66 | — |
| 1600 × 1280 | 1600 | 1280 | 2.05 | — |
Using 5:4 in CSS
/* Modern — one line */
.box { aspect-ratio: 5 / 4; }
/* With a fixed width */
.box { width: 100%; max-width: 800px; aspect-ratio: 5 / 4; }
/* Legacy padding-top hack, if you still need it */
.box-legacy { position: relative; }
.box-legacy::before { content: ""; display: block; padding-top: 80%; }
.box-legacy > * { position: absolute; inset: 0; }Named standards at 5:4
Questions about 5:4
What resolution is 5:4?
5:4 is a ratio, not a fixed resolution — any size where width ÷ height equals 1.25 qualifies. The smallest whole-pixel pair is 5 × 4, and common ones include 640 × 512, 720 × 576, 800 × 640, 960 × 768.
What is 5:4 used for?
1280×1024 office monitors, large-format film.
How do I set 5:4 in CSS?
Use the aspect-ratio property: aspect-ratio: 5 / 4;. The element then keeps that shape at any width. It is supported in every current browser.
What is 5:4 the other way round?
Rotated to portrait it becomes 4:5 — the same shape, turned 90 degrees.
How do I calculate a 5:4 height from a width?
Multiply the width by 0.8. For example 1080 × 0.8 = 864. The calculator does it both directions.