The Complete Guide to Aspect Ratios for Social Media and Video

Every image on the internet has a hidden geometry: its aspect ratio, the relationship between its width and height. Get it wrong and your video shows black bars on YouTube, your Instagram post crops faces in half, your client thumbnail looks distorted. Get it right and the same source asset can move cleanly across a dozen platforms — each with its own preferred shape. This guide explains what aspect ratios are, the math behind them, the ratios that dominate every modern screen and feed, and how to convert between them without losing pixels.

What is an aspect ratio?

An aspect ratio is the proportional relationship between an image's width and its height, written as width:height after both numbers have been simplified to their lowest whole-number form. Full HD video at 1920 × 1080 pixels has an aspect ratio of 16:9, meaning that for every 16 units of width, the image is 9 units tall. The ratio is independent of resolution — a 4K UHD signal at 3840 × 2160 also simplifies to 16:9, as does a 1280 × 720 stream. They differ in pixel count and sharpness, but they share the same shape.

The math is simple but specific. To find an aspect ratio, divide both dimensions by their greatest common divisor (GCD). For 1920 and 1080, the GCD is 120; dividing 1920 ÷ 120 = 16 and 1080 ÷ 120 = 9. The aspect ratio calculator at screenruler.online/aspect-ratio-calculator runs the Euclidean GCD algorithm on whatever you type, so 3840 × 2160 becomes 16:9, 1080 × 1920 becomes 9:16 portrait, and 2390 × 1000 becomes 2.39:1 cinema in one step.

The most common aspect ratios

Eight ratios cover roughly 99% of the screens, feeds, prints, and films you'll ever encounter:

Ratio	Decimal	Where you see it	Notes
16:9	1.778	Full HD, 4K UHD, YouTube horizontal, most TVs and monitors	The default ratio of 21st-century broadcast
4:3	1.333	SDTV, iPad screens, classroom projectors, some tablets	Dominant from the 1940s through the late 2000s
1:1	1.000	Instagram feed posts, profile pictures, album art, signage	Crops fairly across both portrait and landscape sources
9:16	0.563	TikTok, Instagram Reels, YouTube Shorts, Stories	Phone-native vertical video
21:9	2.333	Ultrawide gaming monitors, some cinema delivery	Roughly one-third wider than 16:9 at the same height
3:2	1.500	35mm DSLR sensors, mirrorless cameras, classic photo prints	The shape of pre-digital photography
2:3	0.667	Pinterest pins, portrait posters, vertical magazine layouts	The portrait flip of 3:2
2.39:1	2.39	Theatrical film, anamorphic widescreen, prestige cinematography	"Anamorphic" or "Scope" since the late 1970s

Two more you'll meet less often: 17:9 (used by some pro digital cinema cameras like the RED line) and 1.85:1 (the other modern theatrical standard, slightly less wide than 2.39:1). The eight presets in the Screen Ruler calculator cover everything most teams ever need.

Aspect ratios per platform

Aspect ratio decisions used to live with film projectionists and broadcast engineers; today they live with social media managers. Here are the ratios each major platform expects in 2026:

• YouTube — main feed expects 16:9 for regular video; 9:16 for Shorts. The player pillarboxes anything portrait inside a 16:9 frame, so vertical video uploaded as horizontal will be tiny.
• TikTok — strictly 9:16 vertical. The full-screen player crops or letterboxes anything else aggressively.
• Instagram — 1:1 for square feed posts (the safest universal ratio), 4:5 for portrait feed (slightly taller, gets more pixels above the fold), 9:16 for Stories and Reels, and 1.91:1 for landscape link previews.
• Twitter/X — 16:9 for in-feed video and link previews. 2:1 also works well for cards.
• LinkedIn — 1.91:1 for shared link images (a slight landscape), 16:9 for video posts, 1:1 for square static posts.
• Pinterest — 2:3 is canonical for pins (1000 × 1500 px). Square 1:1 works but performs measurably worse than 2:3 in pin engagement studies.
• Facebook — 16:9 for video, 1.91:1 for link preview cards. Stories use 9:16.
• Theatrical film — 2.39:1 dominates Hollywood blockbusters and prestige TV finales since the late 70s; 1.85:1 is the alternate "flat" standard.

A practical workflow: shoot or design at a higher-resolution master ratio (16:9 horizontal at minimum), then crop down to the destination ratio for each platform. Going down is lossless framing; going up is impossible without adding bars or stretching.

How to calculate aspect ratio from pixels

Given any width × height, the simplification is mechanical:

1. Find the greatest common divisor (GCD) of the two numbers using the Euclidean algorithm.
2. Divide both by the GCD.
3. The result is the ratio in lowest terms.

Worked example for 3840 × 2160:

gcd(3840, 2160)
  = gcd(2160, 3840 mod 2160)  = gcd(2160, 1680)
  = gcd(1680, 2160 mod 1680)  = gcd(1680, 480)
  = gcd(480, 1680 mod 480)    = gcd(480, 240)
  = gcd(240, 480 mod 240)     = gcd(240, 0)
  = 240
3840 / 240 = 16
2160 / 240 = 9
→ 16:9

For decimal inputs (a 2.39:1 cinema crop, say) the calculator scales both numbers up by 10,000 first, runs the same algorithm, and returns the integer ratio that captures the original to four decimal places of precision. That's enough to faithfully represent every standard cinema ratio without rounding error.

How to find a missing dimension when ratio is fixed

The reverse problem — you know the ratio but only one dimension — is even simpler. If your target ratio is ratioW:ratioH and you know the width:

height = (width × ratioH) / ratioW

For 16:9 at 1920 wide: height = (1920 × 9) / 16 = 1080. For 21:9 at 3440 wide: height = (3440 × 9) / 21 ≈ 1474. Switch the formula if you know the height instead. The calculator's reverse mode handles this automatically — pick a preset, choose which dimension you know, type the value, and read the other.

This is the daily workflow for designers building responsive hero images: pick the design ratio (often 16:9 or 21:9 for desktop heroes), then plug each breakpoint width in to get the matching height for the image asset.

Common aspect ratio mistakes

Three failure modes account for nearly every aspect-ratio bug in production:

Black bars (letterbox and pillarbox). When content's ratio doesn't match the player's, the player either adds horizontal bars on the top and bottom (letterboxing — typical for cinema content on a TV) or vertical bars on the sides (pillarboxing — typical for vertical phone footage on a horizontal player). The fix isn't on the player side; it's on the export side. Re-render the asset at the target ratio.

Forced cropping. Some platforms (Instagram is the worst offender) silently crop assets that don't match their preferred ratio. A 16:9 horizontal photo posted to a 1:1 feed loses about 44% of its width on each side. The fix is to crop deliberately during export so you control which subjects survive.

Pixel stretching / squishing. This is the cardinal sin: forcing a 16:9 image into a 4:3 frame by deforming it. Faces stretch, circles become ovals, text widens. Modern players almost never do this anymore, but legacy CMS upload pipelines occasionally do. If something looks "off" after upload, suspect a forced ratio change before assuming a compression artifact.

A fourth mistake worth noting: uploading a low-resolution asset at the target ratio rather than a high-resolution master. Crop quality always beats stretch quality. Master at 4K 16:9 (3840 × 2160) and crop down to 1080 × 1080 for Instagram; don't shoot 1080 × 1080 natively and try to recover a 16:9 master.

A brief history of aspect ratios

Aspect ratios have always been driven by display technology and viewing context, and the dominant ratio has shifted roughly once a generation.

1940s–1990s — 4:3 (1.33:1). Standard-definition television inherited 4:3 from early 1940s broadcast engineering, which itself followed the 1.37:1 "Academy" ratio that 35mm cinema standardized in 1932. For half a century, almost every screen people watched — TV, computer monitor, classroom projector — was 4:3.

1953–1970s — CinemaScope and Panavision. When TV started eating cinema's audience, Hollywood fought back with anamorphic widescreen: 2.35:1, then 2.39:1 once digital projection settled the spec in the 1970s. Cinema deliberately chose a ratio TVs couldn't match.

1990s–2010s — 16:9 (1.78:1). HDTV standardization in the 1990s picked 16:9 as a compromise between 4:3 broadcast legacy and cinema's 2.39:1. Plasma and LCD manufacturing eventually settled on 16:9, and by 2015 it was the default ratio for nearly every consumer display: TVs, monitors, laptops, tablets, even early smartphones.

2010s–present — 9:16 vertical. The phone-as-camera era inverted the math. TikTok, Instagram Stories, YouTube Shorts, and Reels all standardized on 9:16, which feels native when held in one hand and fills the screen with no rotation. By 2022, vertical video on mobile had overtaken horizontal video time on every major platform.

2020s — 21:9 ultrawide and 2.39:1 prestige cinema. Gaming and productivity drove ultrawide 21:9 monitor adoption, while the streaming era pushed prestige TV (Hollywood-financed limited series) toward feature-film 2.39:1 framing. The result is that one piece of source content increasingly needs to ship in three or four ratios from the same camera negative.

The next inflection point is unclear. Foldable phones suggest a future where aspect ratio becomes dynamic per moment of use, not a fixed property of a device.

How to use the Screen Ruler aspect ratio calculator

The calculator at screenruler.online/aspect-ratio-calculator has two modes:

Mode 1 — Calculate ratio from pixels. Type a width and height in the two input fields. The result panel shows the simplified ratio (e.g. 16:9), the closest matching preset name, the decimal value, and the height-as-percentage-of-width (useful for CSS padding-bottom techniques). The visual preview block updates in real time so you can see the proportions at a glance.

Mode 2 — Find missing dimension. Pick a preset from the dropdown — 16:9, 9:16, 21:9, or any of the eight standards — choose whether you'll provide the width or the height, and type the known value. The calculator returns the matching unknown dimension instantly.

Two extras worth knowing about. First, the eight preset chips at the bottom of the page are clickable shortcuts that switch the calculator to reverse mode with that preset selected — handy when you know exactly which ratio you want. Second, the URL stays in sync with your inputs, so the link /aspect-ratio-calculator?w=1920&h=1080 is a permanent shareable link to that exact configuration. Bookmark or paste in a Slack thread; the recipient lands with the same answer.

FAQ

Is 16:9 the same as widescreen? Mostly yes. "Widescreen" historically meant anything wider than 4:3, which by the 2010s settled on 16:9 as the de facto standard. Some older docs use "widescreen" to mean 16:10 (computer monitors of the 2000s) — that ratio is still used on a few laptop displays.

What's the largest practical aspect ratio? For commercial display, 21:9 ultrawide and 32:9 super-ultrawide gaming monitors are the widest you'll meet. Cinema sometimes goes to 2.76:1 ("Ultra Panavision" used by The Hateful Eight and Ben-Hur), but it's a rarity.

Why does Pinterest prefer 2:3 over 1:1? Pinterest's grid layout is column-based; taller pins occupy more visual real estate per scroll, which correlates strongly with engagement. Pinterest's own analytics consistently show 2:3 (1000 × 1500) outperforming 1:1 by a meaningful margin.

Should I always upload at the platform's exact preferred ratio? When possible, yes — it avoids cropping surprises. When not possible (you have one master and need to deliver everywhere), upload at the closest taller ratio: cropping wider is less likely to cut faces than cropping shorter.

What's the difference between aspect ratio and resolution? Aspect ratio is the shape of the image (16:9, 4:3, etc.); resolution is the pixel count that fills that shape. Two videos can share an aspect ratio but differ wildly in resolution and sharpness — both 1280 × 720 (HD Ready) and 3840 × 2160 (4K UHD) are 16:9, but the 4K version has nine times the pixel area. When you crop, you're changing aspect ratio and resolution simultaneously, which is why master files should always be the highest resolution at the widest workable ratio.

What is 16:10 used for? 16:10 (1.6:1) was the dominant computer monitor ratio from roughly 2003 to 2012, especially on ThinkPads, MacBook Pros, and Dell business laptops. It was marketed as more productive than 16:9 because the extra vertical pixels fit one more line of code or document. Apple revived 16:10 on its Retina MacBook Pro line in 2021, and Microsoft followed on Surface devices. For any 16:10 source you should treat it as a non-standard ratio and decide between cropping to 16:9 (most platforms) or letterboxing — the calculator's reverse mode handles 16:10 if you type the ratio manually as 16:10.

For more answers see the aspect ratio calculator FAQ on the tool page itself, which covers cinema standards, GCD precision, and edge cases.

---

Need to convert exact dimensions? The free Screen Ruler aspect ratio calculator handles all eight presets, two modes, and shareable URLs — no signup, no ads, runs entirely in your browser. For the rest of the toolkit — measuring physical objects on screen, angles, picking randomly between options — see the complete tools page.