Aspect Ratios Explained: 16:9, 4:3, 1:1 and More

Published 2026-05-24

Aspect ratio is one of those concepts that quietly governs every image and video you see, yet rarely gets explained clearly. Understanding it is the difference between media that fits perfectly and media that is stretched, cropped wrong, or surrounded by unwanted black bars. Here is the whole idea.

What aspect ratio means

Aspect ratio is the relationship between an image's width and its height, written as two numbers separated by a colon. A 16:9 ratio means that for every 16 units of width, there are 9 units of height. It describes shape, not size — a 1280×720 image and a 1920×1080 image are both 16:9, just at different resolutions.

1920 / 1080 = 1.78  →  16:9 (widescreen)
1024 / 768  = 1.33  →  4:3  (classic)
1080 / 1080 = 1.00  →  1:1  (square)

The common ratios and where they are used

  • 16:9 — the dominant widescreen ratio. YouTube, televisions, computer monitors, and phones in landscape all use it. If in doubt for video, use 16:9.
  • 4:3 — the classic ratio of old TVs and many cameras. Still common in photography and presentations.
  • 1:1 — the square, popularized by Instagram. Works well for profile pictures and feed posts.
  • 9:16 — vertical video, the ratio of phone screens held upright. Used for Stories, Reels, TikTok, and Shorts.
  • 4:5 — the tall portrait ratio that performs well in Instagram feeds because it takes up more vertical screen space.
  • 21:9 — ultrawide, used in cinema and some monitors.

Why images get stretched or have black bars

Two problems come from aspect ratio mismatches:

  • Stretching happens when you force an image into a different ratio by changing width and height independently. A face widens, a circle becomes an oval. This looks bad and is almost always a mistake.
  • Letterboxing (black bars) happens when you fit content of one ratio into a frame of another without stretching — for example, 16:9 footage shown in a 4:3 frame gets bars on the top and bottom. This preserves the image but wastes screen space.

The fix for both is to either resize while keeping the ratio, or deliberately crop to the target ratio before resizing.

How to resize without distortion

The rule is simple: change one dimension and calculate the other from the ratio. To resize a 1920×1080 (16:9) image to 1280 wide:

new height = 1280 × (1080 / 1920) = 720

So 1280×720 keeps the exact same shape. If you instead need a different shape — say a square thumbnail from a wide photo — crop to 1:1 first, then resize.

Finding the ratio of any resolution

To reduce a resolution to its simplest ratio, divide both numbers by their greatest common divisor. 1920 and 1080 share a divisor of 120, giving 16:9. The calculator below does all of this for you — enter any three of the four values (or pick a preset like 16:9) and it solves the fourth, so you can resize perfectly every time.

Related tool: Aspect Ratio Calculator — Calculate and convert aspect ratios for images, videos, and screens.
Copied!