Heights for 320 wide
A 320px-wide frame is common. Pick the ratio you need - the paired height is already computed below for every ratio RatioCalc supports.
All heights for 320 wide
| Ratio | Height for 320 | Pair | CSS |
|---|---|---|---|
| 16:9 | 180px | 320x180 | aspect-ratio: 16 / 9 |
| 4:3 | 240px | 320x240 | aspect-ratio: 4 / 3 |
| 1:1 | 320px | 320x320 | aspect-ratio: 1 / 1 |
| 9:16 | 569px | 320x569 | aspect-ratio: 9 / 16 |
| 21:9 | 137px | 320x137 | aspect-ratio: 21 / 9 |
| 3:2 | 213px | 320x213 | aspect-ratio: 3 / 2 |
| 16:10 | 200px | 320x200 | aspect-ratio: 16 / 10 |
| 4:5 | 400px | 320x400 | aspect-ratio: 4 / 5 |
| 2:1 | 160px | 320x160 | aspect-ratio: 2 / 1 |
| 239:100 | 134px | 320x134 | aspect-ratio: 239 / 100 |
| 32:9 | 90px | 320x90 | aspect-ratio: 32 / 9 |
| 5:4 | 256px | 320x256 | aspect-ratio: 5 / 4 |
| 2:3 | 480px | 320x480 | aspect-ratio: 2 / 3 |
| 18:9 | 160px | 320x160 | aspect-ratio: 18 / 9 |
| 5:3 | 192px | 320x192 | aspect-ratio: 5 / 3 |
| 1:2 | 640px | 320x640 | aspect-ratio: 1 / 2 |
Formula - same for every ratio
height = 320 x rh / rw
// e.g. 16:9 - 320x9/16 = 180px - padding-top 56.25%
modern: .frame { aspect-ratio: rw / rh; width: 320px }
Known exact 320-wide resolutions
No catalogued exact 320-wide resolution - the table above covers the computed heights for every ratio.
How to use this page
- Find your ratio (16:9 for YouTube, 1:1 for square avatars, 9:16 for Stories, 4:5 for portrait feed).
- Read the height next to it - e.g. 320 at 4:5 is 400 portrait, 320 at 32:9 is 90 super-ultrawide.
- Export at 320x(paired height) exactly - or halve both sides for a lighter proxy with the same ratio.
Other widths
Match with height hubs
Tip: mastering at 320? The table rounds to the nearest pixel; verify with height = 320 x rh / rw for print-critical work.