All tools
Design tools

Aspect Ratio Calculator

Resize images and videos keeping exact proportions — enter any width or height and get the correct matching dimension. See all common sizes for any ratio instantly.

16:9 4:3 1:1 9:16 Custom ratio Common sizes table
Get started free Sign in

Free · No credit card · 50 credits/day

Common aspect ratios reference

Ratio Common sizes Used for
16:9 1920×1080 · 1280×720 · 854×480 YouTube, HD video, presentations, widescreen
4:3 1024×768 · 800×600 · 640×480 Old TV, iPad, square-ish displays
1:1 1080×1080 · 800×800 · 400×400 Instagram posts, profile pictures
9:16 1080×1920 · 720×1280 TikTok, Instagram Stories, YouTube Shorts
4:5 1080×1350 · 864×1080 Instagram portrait posts (optimal for feed)
3:2 1500×1000 · 1200×800 · 900×600 DSLR/mirrorless cameras, print sizes

Frequently asked questions

What are the most common aspect ratios for video and images?

16:9 — standard HD video, YouTube, widescreen. 4:3 — old TV, iPad, square-ish monitors. 1:1 — Instagram square, profile pictures. 9:16 — TikTok, Stories, Shorts (vertical). 4:5 — Instagram portrait posts. 21:9 — ultrawide cinema. 3:2 — DSLR/mirrorless camera sensors.

How do I calculate the height from a width keeping aspect ratio?

new_height = (new_width / original_width) × original_height. Example: original 1920×1080, new width 800px → 800/1920 × 1080 = 450px. In CSS, use aspect-ratio: 16/9 (modern) or the padding-top: 56.25% percentage trick (legacy).

What aspect ratio should I use for social media images?

Facebook feed: 1.91:1 (1200×628), Instagram feed: 1:1 or 4:5, Instagram Stories: 9:16 (1080×1920), Twitter/X: 16:9 (1200×675), LinkedIn: 1.91:1 (1200×628), YouTube thumbnail: 16:9 (1280×720), TikTok: 9:16 (1080×1920), Pinterest: 2:3 (1000×1500).

What is the CSS aspect-ratio property?

The CSS aspect-ratio property (all modern browsers since 2021): .container { aspect-ratio: 16 / 9; width: 100%; } — the browser auto-computes the height. Before this, the padding-top hack was used: padding-top: 56.25% (= 9/16 × 100%) on a relative-positioned parent with absolute-positioned content.

Related design tools

More tools for image and layout work.

Image Compressor

Compress images after resizing to the correct dimensions.

 Placeholder Image Generator

Generate placeholder images at any aspect ratio for mockups.

 Favicon Generator

Generate square favicons at all required pixel sizes.

Never squish an image again

Free account. 50 credits per day. Access to 75+ tools instantly.

Create free account →