Is 1500×500 the same as 3:1?

Yes — divide both sides by 500 (the GCD) to get 3:1. Use aspect-ratio: 3 / 1 and padding-top 33.33% for the legacy fallback.

How do I keep 1500×500 from stretching?

Set aspect-ratio: 3 / 1 on the container and use object-fit: cover (crop-fill) or contain (letterbox). Never stretch via width/height alone.

What aspect ratio is 1500×500?

3:1 (~3.0000:1)

1500×500 simplifies to 3:1 (GCD 500). In decimal that is ~3.0000:1 — a custom 3:1 frame used for x/twitter header banner (2:1). The calculator below is preloaded to 3:1 so you can solve any partner dimension at the same ratio.

No named calculator page covers this exact ratio, but the solver below handles any ratio — treat it as 3:1 for math.

Ratio W:Ratio H

Width (px)Height (px)

1920 × 640

Exact ratio: 3:1 · CSS: aspect-ratio: 3 / 1 · padding-top fallback: 33.33%

How the ratio was computed

GCD(1500, 500) = 500

1500 ÷ 500 = 3 → 500 ÷ 500 = 1

→ 3:1 (dec. 3.0000:1) · padding-top 33.33%

CSS: aspect-ratio: 3 / 1

All math is local and instantly invertible — swap width and height and the ratio stays the same, just rotated. URL sharing works: ?w=1500&h=500 style deep-links still resolve via the ratio parameters.

Quick 3:1 partner table

Width	Height (3:1)
640px	213px
1280px	427px
1920px	640px
2560px	853px
3840px	1280px

Other sizes in 3:1

No other catalogued sizes share 3:1 exactly — the table above covers the common computed variants.

Related lookups

← Back to the calculator · FAQ →

Tip: designing for 1500×500 x header? Master at 1500×500 exactly, then export lighter proxies by halving both sides (e.g. 750×250) — the ratio stays 3:1 and downscales stay sharp.