Where 16:9 is used
16:9 is the standard shape of HD and 4K video. A video in this shape fills a landscape phone, TV or monitor without black bars. Typical uses: YouTube videos, TV, laptop and monitor screens, presentations and landscape video.
Common 16:9 resolutions
| Width × height | Name |
|---|---|
| 1280 × 720 px | HD 720p |
| 1920 × 1080 px | Full HD 1080p |
| 2560 × 1440 px | QHD 1440p |
| 3840 × 2160 px | 4K UHD |
How to calculate 16:9 dimensions
Height = width × 9 ÷ 16. Width = height × 16 ÷ 9. Round to whole pixels; many video encoders also need even numbers.
CSS for a 16:9 box
.media { aspect-ratio: 16 / 9; width: 100%; }