Skip to content

Understanding aspect ratios

What an aspect ratio is, why cropping and resizing are not the same operation, and which ratio each place you upload to actually wants.

By Wajahat Rasoul ·

What an aspect ratio is

An aspect ratio is the relationship between width and height, written width first: 16:9 means sixteen units across for every nine down. It says nothing about size. A 1600 × 900 image and a 3840 × 2160 image are both 16:9; one simply has more pixels.

That separation is the useful part. Ratio is shape, dimensions are size. Resizing changes size and preserves shape; cropping changes shape and discards content. They are different tools for different problems.

The ratios you will actually meet

RatioShapeWhere it turns up
1:1SquareProfile pictures, product grids, many feed posts.
4:5Tall portraitThe tallest shape most social feeds display without cropping.
3:2Classic photoMost interchangeable-lens cameras; 6×4 inch prints.
4:3Slightly boxyPhone cameras, many compacts, older screens.
16:9WidescreenVideo, presentation slides, site headers.
9:16Full-height portraitStories, reels, vertical video.

The cropper carries these as presets, so you can drag a selection that stays locked to the shape you need rather than nudging edges and hoping.

Changing ratio means losing something

You cannot turn a 3:2 photograph into a 1:1 square without giving something up. There are exactly three options, and only two of them are acceptable:

  • Crop. Cut the excess. You lose part of the frame, but everything that remains looks right. Almost always the correct answer.
  • Pad. Add bars or a background to fill the shape. Nothing is lost, but the subject sits smaller inside the frame.
  • Stretch. Force the pixels into the new shape. Never do this to anything containing a person, a circle, a logo or type.

Shooting and cropping for more than one ratio

If the same picture has to appear as a square thumbnail, a 16:9 header and a 9:16 story, no single crop serves all three. The workable approach is to keep the subject away from the edges and crop separately per destination.

  • Leave room around the subject when shooting — you can always cut in, never out.
  • Crop from the original each time rather than cropping a crop. The second crop of an already-cropped file has fewer pixels to work with and, if it was saved as a JPG in between, more artefacts.
  • Check the tightest ratio first. If the subject survives 1:1, it will usually survive the rest.

The cropper takes exact pixel values for X, Y, width and height as well as drag selection, which makes reproducing the same crop across a set straightforward.

Working out the other dimension

Given a ratio and one dimension, the other follows. Divide the ratio to get a single number, then multiply or divide:

  • 16:9 → 16 ÷ 9 ≈ 1.778. A width of 1600 means a height of 1600 ÷ 1.778 ≈ 900.
  • 4:5 → 4 ÷ 5 = 0.8. A width of 1080 means a height of 1080 ÷ 0.8 = 1350.
  • 3:2 → 1.5. A height of 2000 means a width of 2000 × 1.5 = 3000.

Or let the tool do it

In the resizer, fill in one dimension and leave the other blank with the ratio locked. The second value is computed from the source, which is both faster and harder to get wrong than arithmetic on a deadline — more on resizing cleanly.

Tools for this

Everything here runs in your browser — no upload, no account.

Related guides