16:9 Aspect Ratio - Width, Height & CSS Dimensions
A 16:9 aspect ratio means width is 16 units for every 9 units of height. Widescreen HD video, YouTube, and modern displays. At 1920px wide, the matching height is 1080px. Use the calculator below for any width or height.
Dimensions
Simplified ratio
16:9
Common ratios
Social media
Photography
Common ratios
Social media
Photography
16:9 dimensions reference
Widescreen HD video, YouTube, and modern displays. Sample calculation: 1920px × 1080px preserves 16:9. Adjust width in the tool above to regenerate height instantly.
16:9 Aspect Ratio FAQ
What is the 16:9 aspect ratio?
16:9 expresses width-to-height as 16:9. Widescreen HD video, YouTube, and modern displays. In CSS, write aspect-ratio: 16 / 9. The decimal width÷height value is approximately 1.7778.
If width is 1920px at 16:9, what is the height?
Multiply width by 9/16: 1920 × (9 ÷ 16) = 1080px. Enter 1920 in the width field with ratio locked to 16:9 and the tool returns 1080px automatically.
What pixel dimensions are common for 16:9?
Common 16:9 resolutions include 1280×720 (HD), 1920×1080 (Full HD), 2560×1440 (QHD), and 3840×2160 (4K UHD). All share the same ratio with different pixel counts.
How do I set 16:9 in CSS?
Use aspect-ratio: 16 / 9 on a block container. Pair it with width: 100% or a fixed max-width; the browser computes height. For embedded video, wrap the iframe in a 16:9 box to prevent cumulative layout shift.
16:9 calculator vs generic resize tool: why use a ratio-specific page?
Ratio-specific pages document common resolutions and use cases for 16:9 without hunting presets. The embedded calculator is pre-loaded with 16:9 so you skip manual ratio entry - helpful when sharing links with teammates or clients.
Where is the full aspect ratio calculator?
The main Aspect Ratio Calculator supports any custom ratio, simplified GCD output, and all presets. Visit /dev-tools/aspect-ratio-calculator/ for the complete tool with methodology and cross-links to other Dev Tools.
Sources & review
Last reviewed: