Heights for 480 wide
A 480px-wide frame is common. Pick the ratio you need - the paired height is already computed below for every ratio RatioCalc supports.
All heights for 480 wide
| Ratio | Height for 480 | Pair | CSS |
|---|---|---|---|
| 16:9 | 270px | 480x270 | aspect-ratio: 16 / 9 |
| 4:3 | 360px | 480x360 | aspect-ratio: 4 / 3 |
| 1:1 | 480px | 480x480 | aspect-ratio: 1 / 1 |
| 9:16 | 853px | 480x853 | aspect-ratio: 9 / 16 |
| 21:9 | 206px | 480x206 | aspect-ratio: 21 / 9 |
| 3:2 | 320px | 480x320 | aspect-ratio: 3 / 2 |
| 16:10 | 300px | 480x300 | aspect-ratio: 16 / 10 |
| 4:5 | 600px | 480x600 | aspect-ratio: 4 / 5 |
| 2:1 | 240px | 480x240 | aspect-ratio: 2 / 1 |
| 239:100 | 201px | 480x201 | aspect-ratio: 239 / 100 |
| 32:9 | 135px | 480x135 | aspect-ratio: 32 / 9 |
| 5:4 | 384px | 480x384 | aspect-ratio: 5 / 4 |
| 2:3 | 720px | 480x720 | aspect-ratio: 2 / 3 |
| 18:9 | 240px | 480x240 | aspect-ratio: 18 / 9 |
| 5:3 | 288px | 480x288 | aspect-ratio: 5 / 3 |
| 1:2 | 960px | 480x960 | aspect-ratio: 1 / 2 |
Formula - same for every ratio
height = 480 x rh / rw
// e.g. 16:9 - 480x9/16 = 270px - padding-top 56.25%
modern: .frame { aspect-ratio: rw / rh; width: 480px }
Known exact 480-wide resolutions
No catalogued exact 480-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. 480 at 4:5 is 600 portrait, 480 at 32:9 is 135 super-ultrawide.
- Export at 480x(paired height) exactly - or halve both sides for a lighter proxy with the same ratio.
Other widths
Match with height hubs
Tip: mastering at 480? The table rounds to the nearest pixel; verify with height = 480 x rh / rw for print-critical work.