16:10 Aspect Ratio Calculator
16:10 (8:5) — the taller widescreen on MacBooks and pro laptops. Solve widths and heights cleanly.
16:10 (also written 8:5, 1.6:1) is the laptop ratio: 2560×1600, 1920×1200, 3456×2234 (MacBook Pro 16-inch) and 3024×1964 (14-inch) are all 16:10. It is taller than 16:9, giving more vertical code and document space. Designers targeting MacBooks need 16:10 masters or accepted letterboxing.
1920 × 1200
Exact ratio: 8:5 · CSS: aspect-ratio: 16 / 10 · padding-top fallback: 62.50%
Formula
height = width × 10 ÷ 16
width = height × 16 ÷ 10
// padding-top fallback: 62.50% — keeps layout stable before the image loads
aspect-ratio: 16 / 10 — modern replacement for the padding hack
All math runs locally in your browser. No upload. Type either side, the other solves live — and the URL updates so you can share an exact pair (?w=1920&rw=16&rh=10) or bookmark a preset.
Common 16:10 resolutions
| Width | Height | Use |
|---|---|---|
| 320px | 200px | |
| 640px | 400px | |
| 1280px | 800px | |
| 1920px | 1200px | Full HD |
| 2560px | 1600px | |
| 3840px | 2400px | 4K |
| 5120px | 3200px | |
| 7680px | 4800px |
When to use 16:10
- MacBook Pro/Air wallpapers & mockups
- 16:10 monitors (1920×1200, 2560×1600)
- Tablet 16:10 media layouts
Pitfalls to avoid
- Using a 1920×1080 (16:9) wallpaper on a 16:10 display stretches or leaves bars
- Browser window on 16:10 is not 16:10 — account for toolbars
CSS snippet
Modern:
.frame { aspect-ratio: 16 / 10; width: 100%; overflow: hidden; }
.frame > img { width: 100%; height: 100%; object-fit: cover; }Legacy padding hack (for very old browsers):
.wrap { position: relative; width: 100%; padding-top: 62.50%; }
.wrap > * { position: absolute; inset: 0; }Pair with object-fit: contain to letterbox without cropping, or cover to fill and crop safely.
Platform reference
Frequently asked
What is 16:10 in simplest form?
8:5 — divide both sides by 2. Same ratio.
Is MacBook really 16:10?
Recent MacBook Pro/Air panels are 16:10 at native resolution. Older MacBooks varied, but the family targets 8:5.
Should I design at 16:9 or 16:10?
If your audience is Mac-heavy, master at 16:10 and letterbox to 16:9; otherwise do the reverse. Both look fine pillarboxed.
Tip: add ?w=1920 or ?h=1080 to this URL to prefill the calculator — useful for linking from a spec doc.
Other ratios
- 16:9 Aspect Ratio Calculator
- 4:3 Aspect Ratio Calculator
- 1:1 Square Calculator
- 9:16 Vertical Calculator
- 21:9 Ultrawide Calculator
- 3:2 Aspect Ratio Calculator
- 4:5 Portrait Calculator
- 2:1 Aspect Ratio Calculator
Look up by resolution
- 1920×1080 — 1920×1080 Full HD
- 1280×720 — 1280×720 HD
- 3840×2160 — 3840×2160 4K UHD
- 2560×1440 — 2560×1440 QHD
- 1366×768 — 1366×768 WXGA
- 3440×1440 — 3440×1440 UW-QHD
What aspect ratio is 1920×1080? → · Full FAQ →