How to Calculate Aspect Ratios for Images and Video

Aspect ratio is the relationship between width and height. If a frame is 1920 pixels wide and 1080 tall, the ratio is 1920:1080, which reduces to 16:9. The colon form is unit-free: it works for pixels, inches, or millimeters as long as both sides use the same unit.

• Wider than tall — landscape (16:9, 21:9)
• Taller than wide — portrait (9:16 stories)
• Equal sides — square (1:1)

Ratio does not fix absolute size. A 16:9 image can be 640×360 or 3840×2160; only the shape matches. Absolute size is resolution; shape is aspect ratio.

Detect or convert with the aspect ratio calculator. When you need unit changes (inches to cm for print), use a unit converter guide after you lock the ratio.

Pick the ratio that matches the destination, not only the camera’s default.

16:9

The modern default for HD and 4K video, YouTube, many monitors, and TV. Common sizes: 1280×720, 1920×1080, 3840×2160. If you deliver widescreen video, start here unless the platform says otherwise.

4:3

Classic monitors, older TV, some presentations, and a “taller landscape” feel than 16:9. Common references: 1024×768, 1600×1200. Cropping 16:9 to 4:3 removes side content; scaling without crop letterboxes.

1:1

Square frames for profile-style posts, album art, and many product thumbnails. Easy to reason about: width equals height. Social apps may still center-crop from other ratios, so export square when the feed is square-first.

• 21:9 / ultrawide — cinematic and ultrawide monitors
• 9:16 — vertical video and stories
• 3:2 — many still photo sensors

Presets in the aspect ratio calculator speed up the common cases so you are not reducing fractions by hand every time.

To reduce width:height, divide both by their greatest common divisor (GCD). For 1920 and 1080, GCD is 120, and 1920÷120 : 1080÷120 = 16:9.

1. Take integer width W and height H.
2. Compute g = gcd(W, H).
3. Report (W/g):(H/g).

That reduced form is what people mean when they say “this video is 16:9.” Sensors and odd crop tools sometimes produce “messy” ratios (e.g., 851:478 after a freeform crop). The calculator still reports the reduced pair and may map nearby values to a named preset when appropriate.

Non-integer sides

If you work in inches with decimals, convert to a consistent precision or to pixels first, then reduce. Floating noise can make gcd-style reduction awkward; pixel dimensions stay clean.

Percent-based layouts (“width 100%, height auto”) still rest on an intrinsic ratio. For general percent math outside frames, see the percentage calculator guide.

Proportional scaling keeps the ratio fixed while changing size. If you know the ratio W:H and a target width, height = width × (H/W). If you know target height, width = height × (W/H).

Examples

• 16:9, width 1280 — height = 1280 × 9/16 = 720
• 1:1, width 1080 — height = 1080
• 4:3, height 768 — width = 768 × 4/3 = 1024

Design tools call this “constrain proportions” or a lock icon. Breaking the lock stretches the image. CSS object-fit: cover vs contain chooses crop versus letterbox when the box ratio disagrees with the media ratio.

1. Lock the ratio (or pick a preset).
2. Enter the side you know.
3. Read the computed other side.
4. Export or set CSS to those pixels (or fluid width with matching aspect-ratio property).

Use the aspect ratio calculator to fill missing dimensions instead of mental arithmetic mid-export.

Still images often tolerate multiple delivery crops (hero, card, thumbnail). Video timelines usually fix a sequence ratio; changing mid-edit means scaling, padding, or reframe keyframes.

• Photography — shoot loose, crop to 3:2, 4:5, or 1:1 per channel
• YouTube / landscape social — master 16:9, then derive vertical center crops if needed
• Stories / Reels / TikTok — master 9:16 or safe-zone reframes from landscape
• UI / web — define frame ratio in design system; generate image slots that match

Pixel count (resolution) still matters for sharpness. A correct ratio at 320×180 looks soft on a 4K display. Ratio answers shape; resolution answers detail.

Brand color next to framed media is a separate concern — convert hex/RGB with a hex color converter guide when building UI around the player or gallery.

Mismatch between content ratio and container ratio forces a choice.

• Stretch — fills the box but distorts; avoid for faces and logos
• Letterbox / pillarbox — keeps ratio, adds empty bars
• Center crop (cover) — fills the box, loses edges

Common mistakes: exporting 16:9 into a 1:1 slot without checking faces near the sides; assuming “1080p” always means 1920×1080 (some phones use other 1080-tall sizes); and mixing orientation (9:16 vs 16:9) after thumbnails were already generated.

When a platform lists “recommended pixels,” those numbers already embed a ratio. Confirm both: 1080×1920 is 9:16; 1920×1080 is 16:9. Swapping width and height flips orientation.

For quick sanity checks on reduced form and missing sides, return to the aspect ratio calculator before a long render queue.

Three modes cover almost every day-to-day task.

1. Open the free aspect ratio calculator.
2. Detect — enter width and height to see the reduced ratio and pixel count context.
3. Preset — choose 16:9, 4:3, 1:1, or another common pair.
4. Scale — provide one dimension and compute the other proportionally.
5. Copy the results into export dialogs, CSS, or editor sequence settings.
6. Decide crop vs letterbox when the destination frame still differs.

Keep a short cheat sheet of platform sizes for your team, but recompute when a client requests an odd display size. Related math tools on Generatr include percentage helpers for scale factors and unit conversion for print dimensions once the ratio is fixed.