Heights for 768 wide
A 768px-wide frame is common. Pick the ratio you need - the paired height is already computed below for every ratio RatioCalc supports.
All heights for 768 wide
| Ratio | Height for 768 | Pair | CSS |
|---|---|---|---|
| 16:9 | 432px | 768x432 | aspect-ratio: 16 / 9 |
| 4:3 | 576px | 768x576 | aspect-ratio: 4 / 3 |
| 1:1 | 768px | 768x768 | aspect-ratio: 1 / 1 |
| 9:16 | 1365px | 768x1365 | aspect-ratio: 9 / 16 |
| 21:9 | 329px | 768x329 | aspect-ratio: 21 / 9 |
| 3:2 | 512px | 768x512 | aspect-ratio: 3 / 2 |
| 16:10 | 480px | 768x480 | aspect-ratio: 16 / 10 |
| 4:5 | 960px | 768x960 | aspect-ratio: 4 / 5 |
| 2:1 | 384px | 768x384 | aspect-ratio: 2 / 1 |
| 239:100 | 321px | 768x321 | aspect-ratio: 239 / 100 |
| 32:9 | 216px | 768x216 | aspect-ratio: 32 / 9 |
| 5:4 | 614px | 768x614 | aspect-ratio: 5 / 4 |
| 2:3 | 1152px | 768x1152 | aspect-ratio: 2 / 3 |
| 18:9 | 384px | 768x384 | aspect-ratio: 18 / 9 |
| 5:3 | 461px | 768x461 | aspect-ratio: 5 / 3 |
| 1:2 | 1536px | 768x1536 | aspect-ratio: 1 / 2 |
Formula - same for every ratio
height = 768 x rh / rw
// e.g. 16:9 - 768x9/16 = 432px - padding-top 56.25%
modern: .frame { aspect-ratio: rw / rh; width: 768px }
Known exact 768-wide resolutions
No catalogued exact 768-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. 768 at 4:5 is 960 portrait, 768 at 32:9 is 216 super-ultrawide.
- Export at 768x(paired height) exactly - or halve both sides for a lighter proxy with the same ratio.
Other widths
Match with height hubs
Tip: mastering at 768? The table rounds to the nearest pixel; verify with height = 768 x rh / rw for print-critical work.