Heights for 1024 wide
A 1024px-wide frame is common. Pick the ratio you need - the paired height is already computed below for every ratio RatioCalc supports.
All heights for 1024 wide
| Ratio | Height for 1024 | Pair | CSS |
|---|---|---|---|
| 16:9 | 576px | 1024x576 | aspect-ratio: 16 / 9 |
| 4:3 | 768px | 1024x768 | aspect-ratio: 4 / 3 |
| 1:1 | 1024px | 1024x1024 | aspect-ratio: 1 / 1 |
| 9:16 | 1820px | 1024x1820 | aspect-ratio: 9 / 16 |
| 21:9 | 439px | 1024x439 | aspect-ratio: 21 / 9 |
| 3:2 | 683px | 1024x683 | aspect-ratio: 3 / 2 |
| 16:10 | 640px | 1024x640 | aspect-ratio: 16 / 10 |
| 4:5 | 1280px | 1024x1280 | aspect-ratio: 4 / 5 |
| 2:1 | 512px | 1024x512 | aspect-ratio: 2 / 1 |
| 239:100 | 428px | 1024x428 | aspect-ratio: 239 / 100 |
| 32:9 | 288px | 1024x288 | aspect-ratio: 32 / 9 |
| 5:4 | 819px | 1024x819 | aspect-ratio: 5 / 4 |
| 2:3 | 1536px | 1024x1536 | aspect-ratio: 2 / 3 |
| 18:9 | 512px | 1024x512 | aspect-ratio: 18 / 9 |
| 5:3 | 614px | 1024x614 | aspect-ratio: 5 / 3 |
| 1:2 | 2048px | 1024x2048 | aspect-ratio: 1 / 2 |
Formula - same for every ratio
height = 1024 x rh / rw
// e.g. 16:9 - 1024x9/16 = 576px - padding-top 56.25%
modern: .frame { aspect-ratio: rw / rh; width: 1024px }
Known exact 1024-wide resolutions
- 1024x768 - 1024×768 XGA - Classic 4:3, old iPad
- 1024x600 - 1024×600 Netbook - Netbook 128:75
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. 1024 at 4:5 is 1280 portrait, 1024 at 32:9 is 288 super-ultrawide.
- Export at 1024x(paired height) exactly - or halve both sides for a lighter proxy with the same ratio.
Other widths
Match with height hubs
Tip: mastering at 1024? The table rounds to the nearest pixel; verify with height = 1024 x rh / rw for print-critical work.