2.39:1 vs 16:9
2.39:1 is 2.390:1, 16:9 is 1.778:1. Below are both frames at the same width and same height so you can see which is wider, how much letterboxing or pillarboxing each needs inside the other, and which to master for.
2.39:1 calculator -> · 16:9 calculator ->
Visual - same width (1920px)
2.39:1 - 1920x803 - padding-top 41.84%
Scaled preview - 74.4% of max height at this width
16:9 - 1920x1080 - padding-top 56.25%
Scaled preview - 100.0% of max height at this width
At 1920 wide the height difference is 277px. Fitting the shorter inside the taller at this width leaves 138.5px bars top and bottom (letterbox). Fitting the taller inside the shorter leaves pillar bars on sides.
Same width table (1920px)
| Ratio | Height | Pair | Bar if fitted |
|---|---|---|---|
| 2.39:1 | 803px | 1920x803 | reference |
| 16:9 | 1080px | 1920x1080 | 277px total (139 top/bottom) |
Visual - same height (1080px)
2.39:1
2.39:1 100.0% of max width
16:9
16:9 74.4% of max width
Same height table (1080px)
| Ratio | Width | Pair |
|---|---|---|
| 2.39:1 | 2581px | 2581x1080 |
| 16:9 | 1920px | 1920x1080 |
At 1080 tall the width difference is 661px - that is the pillarbox when fitting the narrower inside the wider at this height.
CSS to hold either frame
2.39:1:
.frame-a { aspect-ratio: 239 / 100; }
.frame-a img { object-fit: cover; } /* or contain to letterbox */16:9:
.frame-b { aspect-ratio: 16 / 9; }
.frame-b img { object-fit: cover; }Use object-fit: contain to preserve both frames with bars, cover to fill and crop.
When to use which
- 2.39:1 - use for 239:100 native content and displays. Master at 1920x803 scaled variant.
- 16:9 - use for 16:9 native. Master at 1920x1080.
- If you must show both in the same player, letterbox/pillar to the larger frame - never stretch.
Other comparisons
Calculator -> · What ratio is 1920x1080? ->