9:16 Aspect Ratio - Width, Height & CSS Dimensions
A 9:16 aspect ratio means width is 9 units for every 16 units of height. Vertical video for TikTok, Reels, and Stories. At 1080px wide, the matching height is 1920px. Use the calculator below for any width or height.
Dimensions
Simplified ratio
9:16
Common ratios
Social media
Photography
Common ratios
Social media
Photography
9:16 dimensions reference
Vertical video for TikTok, Reels, and Stories. Sample calculation: 1080px × 1920px preserves 9:16. Adjust width in the tool above to regenerate height instantly.
9:16 Aspect Ratio FAQ
What is the 9:16 aspect ratio?
9:16 expresses width-to-height as 9:16. Vertical video for TikTok, Reels, and Stories. In CSS, write aspect-ratio: 9 / 16. The decimal width÷height value is approximately 0.5625.
If width is 1080px at 9:16, what is the height?
Multiply width by 16/9: 1080 × (16 ÷ 9) = 1920px. Enter 1080 in the width field with ratio locked to 9:16 and the tool returns 1920px automatically.
What pixel dimensions are common for 9:16?
Vertical 9:16 frames often use 1080×1920 for Full HD Stories/Reels or 720×1280 for lighter mobile exports.
How do I set 9:16 in CSS?
Use aspect-ratio: 9 / 16 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 9:16 box to prevent cumulative layout shift.
9:16 calculator vs generic resize tool: why use a ratio-specific page?
Ratio-specific pages document common resolutions and use cases for 9:16 without hunting presets. The embedded calculator is pre-loaded with 9:16 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: