Aspect Ratio Calculator

16:9
Current Aspect Ratio
Quick Select
Custom Input
×
:

Keep ratio — type a width or a height; the other side is calculated for the selected ratio.

CSS
aspect-ratio: 16 / 9;

Smart Ratio Simplifier

×

CSS Code Generator

Production-ready CSS for responsive 16:9 containers:

CSS / HTML
/* Responsive aspect ratio container */
.ratio-box {
  aspect-ratio: 16 / 9;
  width: 100%;
  overflow: hidden;
}

/* With object-fit for images/video */
.ratio-box img,
.ratio-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

Live Visual Preview

16:9 1920 × 1080

Preview animates as you calculate

16:9 aspect ratio Landscape 1920 × 1080
For every 16 units of width, the height is 9 units. The longer side is capped at 1920px, so this ratio resolves to 1920 × 1080 — the conventional Full HD size used across most platform presets.
Why 1920 on the long side? It's the standard Full HD reference width/height used by social, video, and screen presets, which keeps Quick Select results consistent with the Platform & Device Presets below.

Platform & Device Presets

Instagram
Post (Square)
1080 × 1080
Instagram
Portrait Post
1080 × 1350
Instagram
Reel / Story
1080 × 1920
TikTok
Vertical Video
1080 × 1920
Snapchat
Story
1080 × 1920
Facebook / X
Link Preview
1200 × 630
Pinterest
Standard Pin
1000 × 1500
LinkedIn
Banner
1584 × 396
YouTube
Thumbnail (HD)
1280 × 720
YouTube
1080p Video
1920 × 1080
YouTube / Netflix
4K UHD
3840 × 2160
YouTube
Shorts
1080 × 1920
Twitch
Stream
1920 × 1080
Ultrawide
UWFHD
2560 × 1080
Ultrawide
UWQHD
3440 × 1440
Desktop
Full HD
1920 × 1080
Desktop
2K / QHD
2560 × 1440
Desktop
4K UHD
3840 × 2160
iPad
iPad Retina
2048 × 1536
Ultrawide
UWFHD
2560 × 1080
Samsung
Odyssey Neo G9
5120 × 1440
iPhone 14
Screen
390 × 844
DSLR (24MP)
Full-Frame RAW
6000 × 4000
DSLR
6MP Export
3000 × 2000
Print
4×6" @300DPI
1200 × 800
Print
8×12" @300DPI
2400 × 1600
Print
8×10" @300DPI
2400 × 1920
Micro 4/3
MFT Camera
3000 × 2250

Common 16:9 Resolutions

ResolutionCategoryUsage