Is 1200×628 the same as 300:157?

Yes — divide both sides by 4 (the GCD) to get 300:157. Use aspect-ratio: 300 / 157 and padding-top 52.33% for the legacy fallback.

How do I keep 1200×628 from stretching?

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

What aspect ratio is 1200×628?

300:157 (~1.9108:1)

1200×628 simplifies to 300:157 (GCD 4). In decimal that is ~1.9108:1 — a custom 300:157 frame used for open graph social share. The calculator below is preloaded to 300:157 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 300:157 for math.

Ratio W:Ratio H

Width (px)Height (px)

1920 × 1005

Exact ratio: 300:157 · CSS: aspect-ratio: 300 / 157 · padding-top fallback: 52.33%

How the ratio was computed

GCD(1200, 628) = 4

1200 ÷ 4 = 300 → 628 ÷ 4 = 157

→ 300:157 (dec. 1.9108:1) · padding-top 52.33%

CSS: aspect-ratio: 300 / 157

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

Quick 300:157 partner table

Width	Height (300:157)
640px	335px
1280px	670px
1920px	1005px
2560px	1340px
3840px	2010px

Other sizes in 300:157

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

Related lookups

← Back to the calculator · FAQ →

Tip: designing for 1200×628 og image? Master at 1200×628 exactly, then export lighter proxies by halving both sides (e.g. 600×314) — the ratio stays 300:157 and downscales stay sharp.