Aspect Ratio Calculator

Visualize and generate CSS aspect-ratio values for responsive containers.

16:9

aspect-ratio: 16 / 9;

/* Tailwind */
aspect-[16/9]

Width ratio: 16

Height ratio: 9

Presets

Common Uses

16:9 — Video, hero images, YouTube embeds
4:3 — Classic TV, older photos
1:1 — Profile pics, thumbnails, Instagram
21:9 — Ultrawide, cinematic
9:16 — Mobile stories, TikTok, Reels