Aspect Ratio Basics: What It Is and How to Calculate It by Hand

Every screen, photo, and video frame you've ever seen has an aspect ratio — a simple pair of numbers that describes its shape. Understanding how those numbers work takes about five minutes, and once you do, you'll never again wonder why a video shows black bars, why a photo gets cropped on upload, or why a "bigger" image can still be the same shape as a smaller one.

The notation: what 16:9 actually says

An aspect ratio is written as width : height. The numbers are not measurements — they're proportions. A ratio of 16:9 means: for every 16 units of width, there are 9 units of height. The units can be anything. A 16-inch-wide, 9-inch-tall picture frame, a 1920×1080 monitor, and a 3840×2160 TV all share the exact same 16:9 shape.

This is the single most useful insight about aspect ratios: ratio describes shape; resolution describes size. Two images can have identical ratios and wildly different resolutions, or identical resolutions counts and different ratios. They're independent properties.

How to simplify a ratio by hand (the GCD method)

Say you have an image that's 1920×1080 and you want its ratio. The method is the same one you learned for reducing fractions:

1. Find the greatest common divisor (GCD) of the two numbers — the largest number that divides both evenly. For 1920 and 1080, the GCD is 120.
2. Divide both numbers by the GCD: 1920 ÷ 120 = 16, and 1080 ÷ 120 = 9.
3. Result: 16:9.

If finding the GCD mentally is a pain (2560 and 1440? their GCD is 160), the Euclidean algorithm helps: repeatedly replace the larger number with the remainder of dividing it by the smaller one, until the remainder is zero. The last non-zero number is the GCD. Or, honestly, just use the calculator — that's what it's for.

Scaling: finding a missing dimension

The second everyday problem is the reverse: you know the ratio and one dimension, and need the other. The formula is basic cross-multiplication:

height = width × (ratio height ÷ ratio width)

Example: you need a 16:9 banner that's 1200 pixels wide. Height = 1200 × (9 ÷ 16) = 675 pixels. Done.

Going the other way: width = height × (ratio width ÷ ratio height). A 16:9 video that must be 480 pixels tall needs to be 480 × (16 ÷ 9) ≈ 853 pixels wide.

Why results sometimes aren't whole numbers

That 853 in the last example is actually 853.33 rounded. Pixels can't be fractional, so real-world dimensions get rounded to the nearest whole pixel — which means the final image is a tiny fraction off from a mathematically perfect 16:9. This sub-pixel error is invisible and universally accepted. It's also why some "16:9" resolutions like 854×480 look slightly odd on paper: they're the closest whole-pixel approximation.

Common ratios and where they come from

Letterboxing and pillarboxing: when ratios collide

When content of one ratio plays inside a container of another, something has to give. There are only three options: crop the content to fill the frame (losing edges), stretch it (distorting everything — never acceptable), or pad it with bars. Horizontal bars above and below are called letterboxing (wide content in a taller frame); vertical bars on the sides are pillarboxing (tall content in a wider frame). Platforms handle this automatically, but knowing the vocabulary helps you diagnose why an upload doesn't look the way you exported it.

Put it into practice

The fastest way to internalize all of this is to play with real numbers. Our calculator handles both directions — finding a ratio from dimensions, and finding a dimension from a ratio — with live visual preview.

Next up: platform-specific specs in our YouTube sizes guide and Instagram sizes guide.