Aspect Ratio Scaler

Scale dimensions while keeping an aspect ratio, live as you type.

Resizing without distortion

Keeping an aspect ratio means that when you change one dimension, the other must change in proportion, or the content stretches. This scales dimensions live — set a new width and see the matching height that preserves the ratio — so images, videos and boxes resize cleanly.

Enter a ratio and one dimension to see the other, updating live.

Why the ratio, not the size, matters

Distortion happens whenever the ratio changes — a stretched face, a squashed logo — so preserving it is what keeps content looking right at any size. Common ratios recur constantly: 16:9 for video, 1:1 for square posts, 4:3 for older formats. Working out the matching dimension for a target size lets you fit content into a space without stretching or the black bars that appear when the ratio is wrong. Doing it live, watching the paired dimension update as you type, makes it quick to find a size that fits your layout while staying true to the original proportions, which is the whole point of caring about aspect ratio.

Aspect Ratio Scaler FAQ

What does keeping the aspect ratio prevent?

Distortion — stretched or squashed content. Preserving the ratio keeps images, videos and boxes looking right at any size.

What are common aspect ratios?

16:9 for video, 1:1 for square posts, and 4:3 for older formats, among others.

Is anything uploaded?

No. The calculation happens in your browser.

More Color & Design tools