How to Resize Images to Exact Dimensions

Published 19 October 2026Guide for the Image Resizer

Every image task eventually reduces to the same question: this image is 4000 x 3000 px, and the destination wants 1200 x 630 px (or 800 wide, or exactly 500 x 500). What happens in between - and how do you control it - is what this guide covers.

Resizing is not one operation but two: scaling the pixel grid, and, when the shapes do not match, cropping to fit the frame. Most "my image looks wrong" resizing disasters are people running the first when they needed the second, or the other way around.

Scaling: changing size, keeping shape

Scaling multiplies (or divides) the pixel grid by a factor while preserving the aspect ratio. A 4000 x 3000 photo scaled to 800 px wide becomes 800 x 600 - the 4:3 shape is intact.

The hidden decision in scaling is the resampling filter: how the new pixel grid is filled from the old one. Nearest-neighbor is fast but blocky; bicubic and similar filters smooth the transition and are the right default for photos. When downscaling by a large factor, a good resampler also avoids moire patterns in fine textures (brickwork, fabric, crowds) that a naive filter would alias into.

Cropping: hitting exact dimensions

When the destination has a fixed frame - a 500 x 500 avatar, a 1200 x 630 social card, a 1080 x 1920 story - scaling alone cannot fill it without distortion: the source shape and the target shape differ. The two honest options are:

Scale to fit, then leave empty space: the whole image is visible, and letterbox/pillarbox bars fill the rest. Safe, but you are designing around the mismatch.
Scale to fill, then crop: the frame is filled completely, but the overflow is cut off. This is "center crop" - the most common mode for avatars and thumbnails.

Decide which content may be lost before you crop. A center crop keeps the center and loses the edges - if the subject is off-center, choose a crop position rather than the default center, or compose the source photo so the subject sits in the safe middle.

The pixel math behind the results

Two numbers drive every resize: the scale factor and the rounding of the result.

Scale factor = target dimension / source dimension. A 4000 px photo to 1200 px is a 0.3x downscale; 800 px to 1600 px is a 2x upscale.
Downscaling discards information permanently - you cannot recover pixels later. Upscaling invents them (smoothly, but not actually). Prefer the largest source you can get.
Rounding: 4000 x 3000 at "800 wide" is 600.0 tall - clean. But 1000 x 777 to "500 wide" is 388.5 tall; the tool rounds to 388 or 389, and the ratio shifts by a fraction of a percent. For exact-ratio targets, set both dimensions from the same factor.

A practical checklist

Before you export a resized image, four checks:

1Destination size: the exact pixels (or width) the target requires, times 2 if it will be shown on retina displays.
2Mode: scale, crop, or both - and for crops, which part of the image is safe to lose.
3Format: PNG for flat graphics and transparency, JPEG for photos, WebP when the destination supports it.
4Eye test at 100% zoom on the resized file: edges clean, no blockiness, no moire, subject framed where you intended.

Frequently asked questions

Why does my resized image look squashed or stretched?

The aspect ratio was forced: the source and target shapes differ, and the image was scaled into the target without cropping. Use "scale to fill + crop" for fixed frames, or "scale to fit + bars" if nothing may be cut.

Can I upscale a small image to make it bigger?

Yes, but upscaling cannot add detail - it interpolates plausible pixels. A 400 px logo at 1600 px will be smoother, not sharper. For large upscales, a vector source (SVG) or a higher-resolution original is the real fix.

What is the best resolution for a web page?

The displayed size in CSS pixels, times 2 for retina screens. An image shown in a 600 px column should be 1200 px wide - more is wasted bytes, less is visible blur.

Is my image uploaded anywhere?

With an in-browser resizer, no - the resize happens on your device and you download the result.