9:16 Vertical Calculator
The vertical-video standard. Solve heights for any width, or check what a 1080-wide frame needs.
9:16 is 16:9 turned on its side — the full-screen vertical frame for Shorts, Reels, TikTok, Stories and phone wallpaper. 1080×1920 is the universal target; 720×1280 is the lightweight proxy. Get the height from any width (or the reverse) and keep the frame edge-to-edge without blurry upscales.
1920 × 3413
Exact ratio: 9:16 · CSS: aspect-ratio: 9 / 16 · padding-top fallback: 177.78%
Formula
height = width × 16 ÷ 9
width = height × 9 ÷ 16
// padding-top fallback: 177.78% — keeps layout stable before the image loads
aspect-ratio: 9 / 16 — modern replacement for the padding hack
All math runs locally in your browser. No upload. Type either side, the other solves live — and the URL updates so you can share an exact pair (?w=1920&rw=9&rh=16) or bookmark a preset.
Common 9:16 resolutions
| Width | Height | Use |
|---|---|---|
| 320px | 569px | |
| 640px | 1138px | |
| 1280px | 2276px | |
| 1920px | 3413px | |
| 2560px | 4551px | |
| 3840px | 6827px | 4K |
| 5120px | 9102px | |
| 7680px | 13653px |
Exact known sizes in this ratio
- 1080×1920 — 1080×1920 Full HD Vertical (Shorts, Reels, TikTok, Stories)
- 720×1280 — 720×1280 HD Vertical (Vertical preview, light Shorts)
When to use 9:16
- YouTube Shorts (1080×1920)
- Instagram Reels & Stories (1080×1920)
- TikTok native capture
- Phone wallpapers & vertical signage
Pitfalls to avoid
- Uploading horizontal 1920×1080 as vertical without reframing — text and faces get cropped
- Safe area: keep titles inside the middle 90% so platform UI (like, comment, share buttons) does not cover them
CSS snippet
Modern:
.frame { aspect-ratio: 9 / 16; width: 100%; overflow: hidden; }
.frame > img { width: 100%; height: 100%; object-fit: cover; }Legacy padding hack (for very old browsers):
.wrap { position: relative; width: 100%; padding-top: 177.78%; }
.wrap > * { position: absolute; inset: 0; }Pair with object-fit: contain to letterbox without cropping, or cover to fill and crop safely.
Platform reference
Frequently asked
What is the 9:16 size for Shorts?
1080×1920. 720×1280 also works and is lighter for previews; both are exactly 9:16.
How do I convert 16:9 to 9:16?
Swap the pair: 1920×1080 rotated is 1080×1920. For reframing, center-crop a square out of the horizontal frame, then pad vertically, or re-shoot vertical.
Why does my 9:16 video have black bars?
The export was not truly 9:16. Check the output resolution in your editor — 1080×1920 is correct, 1080×1880 is not.
Tip: add ?w=1920 or ?h=1080 to this URL to prefill the calculator — useful for linking from a spec doc.
Other ratios
- 16:9 Aspect Ratio Calculator
- 4:3 Aspect Ratio Calculator
- 1:1 Square Calculator
- 21:9 Ultrawide Calculator
- 3:2 Aspect Ratio Calculator
- 16:10 Aspect Ratio Calculator
- 4:5 Portrait Calculator
- 2:1 Aspect Ratio Calculator
Look up by resolution
- 1920×1080 — 1920×1080 Full HD
- 1280×720 — 1280×720 HD
- 3840×2160 — 3840×2160 4K UHD
- 2560×1440 — 2560×1440 QHD
- 1366×768 — 1366×768 WXGA
- 3440×1440 — 3440×1440 UW-QHD
What aspect ratio is 1920×1080? → · Full FAQ →