Aspect Ratios Explained: Resize Without Stretching and Find the Ratio Behind Any Size

You have an image that’s 1920×1080 and a slot that’s 1280 pixels wide. What height keeps it from looking squashed? Or you’ve inherited a banner at some odd size and you need to know whether it’s “16:9” or something weird that’ll letterbox. Both problems are the same idea — aspect ratio — looked at from opposite ends. Get comfortable with it and you’ll stop eyeballing dimensions and stop shipping the stretched, slightly-wrong images that everyone secretly notices.

What an aspect ratio actually is

An aspect ratio is just the relationship between width and height, expressed as a pair of numbers like 16:9 or 4:3. Crucially, it carries no size information — only shape. A 16:9 frame can be 1920×1080, 1280×720, or 64×36; all three are the same rectangle, scaled. That’s the whole point: ratio describes proportion, resolution describes how many pixels fill that proportion. The single number that ties them together is:

ratio = width ÷ height

For 1920×1080 that’s 1.777…, the decimal fingerprint of 16:9. Any size with that same quotient sits on the bed of the same shape. Any size that doesn’t will distort if you force it into a 16:9 hole.

Resizing without distortion: lock one side, derive the other

The cardinal rule of resizing is that you only get to choose one new dimension freely. The moment you pick a new width, the height is no longer yours to set — it’s fixed by the ratio, and vice versa. That’s exactly what “lock width” and “lock height” mean:

lock width:  new height = new width ÷ ratio
lock height: new width  = new height × ratio

Take that 1920×1080 image (ratio 1.777…) into a 1280-wide slot. Locking width: new height = 1280 ÷ 1.777… = 720. So 1280×720 — still perfectly 16:9, no squashing. If instead your constraint is a 600-pixel-tall sidebar, you lock height: new width = 600 × 1.777… = 1067. The instant you type both a width and a height that don’t satisfy the ratio, you’ve left the shape, and the image will stretch or get cropped to compensate. The Aspect Ratio Resizer does this derivation live: pick the side you’re locking, type the constrained dimension, and it computes the matching one — plus a little dashed preview box so you can see the shape before you commit.

Going the other way: finding the ratio from raw dimensions

The reverse problem is just as common. Someone hands you 1664×936 and asks “what ratio is this?” You can’t just look at it. The trick is to reduce the fraction width:height to its simplest whole-number form, which is precisely what the greatest common divisor (GCD) does. The GCD is the largest number that divides both dimensions evenly; divide both by it and you get the cleanest integer ratio.

g = gcd(width, height)
ratio = (width ÷ g) : (height ÷ g)

For 1920×1080, gcd is 120, so it reduces to 16:9. For 1664×936 the gcd is 104, giving 16:9 again — same shape, unusual resolution. For 1000×1500 the gcd is 500, reducing to 2:3, the classic portrait/Pinterest shape. The calculator’s “calculate ratio from dimensions” mode runs the GCD reduction for you, so you instantly know whether an oddball size is secretly a standard ratio or a genuine misfit that’ll need cropping.

The ratios worth memorising

A handful of ratios cover almost everything you’ll touch, and knowing them by shape saves real time:

• 16:9 — HD video, YouTube, most monitors and TVs. The default widescreen.
• 4:3 — old TVs, many tablets, classic camera sensors. Noticeably boxier.
• 1:1 — square. Profile pictures and a lot of social posts.
• 9:16 — vertical video: Stories, Reels, TikTok. 16:9 turned on its side.
• 4:5 — Instagram portrait, the tallest a feed photo can go without cropping.
• 21:9 — ultrawide / cinematic.
• 1.91:1 — the link-preview and Facebook share image shape.

These exist as one-tap presets in the resizer so you can jump straight to a target shape and let it fill in dimensions, rather than remembering that 4:5 means “width × 1.25 for the height.”

A useful habit is to learn each ratio’s decimal too, because that single number is what the math actually uses: 16:9 is 1.78, 4:3 is 1.33, 3:2 is 1.50, 21:9 is 2.33, and anything tall like 9:16 or 4:5 drops below 1.0. When two sizes share a decimal, they share a shape — that’s the fastest gut-check for “will this fit, or will it crop?” If your source decimal and your slot decimal don’t match, you already know one dimension has to give, and the resizer will show you exactly how much.

Why this beats eyeballing

The reason to be precise here is that distortion is subtle but corrosive. A face stretched 4% wider doesn’t look obviously broken — it just looks slightly off, and viewers register it as low quality without being able to say why. Logos go from crisp to amateur. And the failure compounds: resize a wrong-ratio image, then someone resizes your resize, and the error stacks. Doing the arithmetic — lock one side, derive the other, or reduce by the GCD to confirm the shape — keeps every version on the same true rectangle.

Put it together

Aspect ratio is shape without size, and almost every image task is one of two moves: lock a dimension and let the ratio derive the other so nothing stretches, or reduce width:height by their greatest common divisor to discover what shape you’re really holding. Both are a single division away once you see them clearly. Drop your original and target dimensions into the aspect ratio resizer — or paste any size into its ratio mode — and it handles the locking, the derivation, and the GCD reduction at once, with a live preview so the proportions are right before a single pixel ships.