How to Resize an Image and Keep the Aspect Ratio

You’ve got a photo that’s 1920x1080 and a content management system asking for it at exactly 800 pixels wide — but it wants you to type the height too, and typing the wrong number stretches the image just enough to look slightly off. Nobody notices a perfectly resized photo. Everybody notices one that’s been squished a few percent out of proportion.

The math here is simple — it’s one cross-multiplication — but doing it in your head while also juggling upload forms, CMS fields, and a dozen other images gets error-prone fast, especially when you’re resizing several images to different target widths in the same session.

What keeping an aspect ratio actually involves

An aspect ratio is just the relationship between width and height, usually expressed as something like 16:9 or 4:3. Resizing “proportionally” means picking a new width or height and calculating the other dimension so that ratio stays exactly the same as the original. Get it wrong and the image looks visibly distorted — faces get wider or narrower than they should, straight lines look subtly off.

The useful version of this tool solves in either direction: give it a new width, get the matching height, or the reverse — and show you the simplified ratio (like 16:9) so you know what you’re working with.

Why people get stuck here

• Manual cross-multiplication under time pressure. Doing (new width / original width) × original height correctly by hand, repeatedly, for several images, is where typos creep in.
• Not knowing the original ratio. Some source images come from a camera or design tool with an unusual native ratio, and eyeballing “close enough” produces a visibly wrong result.
• CMS or platform fields that only take one dimension. Some upload forms only ask for width and silently crop or stretch the height, which makes getting the width calculation right even more important.
• Batch resizing to different targets. Resizing the same source image to several different target widths for different placements means redoing the math each time.

What a good aspect ratio calculator looks like

Solves in either direction

You should be able to enter a target width and get the height, or enter a target height and get the width — not just one fixed direction.

Shows the simplified ratio

Seeing the reduced ratio (like 3:2 instead of 1920:1280) makes it easy to recognize common formats and communicate them to a designer or client without ambiguity.

Handles non-round numbers cleanly

Real-world source images rarely have perfectly round dimensions, so the calculator should round sensibly rather than forcing you to deal with fractional pixels.

Common mistakes to avoid

• Manually estimating the new height instead of calculating it exactly, which almost always introduces a small but visible distortion.
• Forgetting that cropping and resizing are different operations — resizing preserves the whole image at a new scale, cropping cuts part of it away.
• Resizing an already-resized image repeatedly, which compounds quality loss even when the ratio stays correct.
• Assuming all placements need the same ratio — a hero banner, a thumbnail, and a social share image often have different target ratios entirely.
• Ignoring a platform’s minimum resolution requirements when scaling an image down to hit a specific file size.

How to do it with Aspect Ratio Calculator

Online Tool Store’s Aspect Ratio Calculator runs the math entirely in your browser.

1. Open the Aspect Ratio Calculator tool.
2. Enter your image’s original width and height.
3. Enter either a target width or target height.
4. Read off the calculated missing dimension and the simplified ratio.

Because it recalculates instantly, it’s fast enough to use for every image in a batch without slowing down your workflow.

Frequently asked questions

What’s the difference between resizing and cropping?

Resizing scales the entire image up or down while keeping everything visible, as long as the aspect ratio matches. Cropping removes part of the image to fit a different ratio, which can cut off parts of the subject. If you need a genuinely different ratio, cropping is usually the honest choice over stretching.

What are common aspect ratios I should know?

16:9 is standard for widescreen video and many banners, 4:3 is a common older photo and presentation ratio, 1:1 is square (common for profile photos and some social posts), and 3:2 is a common camera sensor ratio. Knowing the name helps you communicate requirements clearly.

Can I use this for video dimensions too?

Yes — the underlying math is identical for any width-and-height pair, so it works just as well for video frame dimensions as it does for photos.

Final thought

A stretched image is a small mistake that’s disproportionately noticeable — get the ratio math right once per image and it stops being something you have to think about.

Try the free Aspect Ratio Calculator tool