How to Resize an Image Without Distorting It
Resize an image carelessly and it comes out stretched, squashed or blurry. Do it right and it stays pixel-perfect. Here's how to resize without distortion — and why resizing and compressing are two different jobs you often want to do together.
Resize vs compress — know the difference
- Resizing changes the dimensions (pixels wide × tall).
- Compressing changes the file size (KB/MB) without changing dimensions.
They solve different problems and pair perfectly: resize to the size you'll display, then compress so it loads fast. (More on the file-size side: compressing without losing quality.)
Rule 1: Lock the aspect ratio
Distortion happens when width and height scale by different amounts, stretching the image. Always keep (“lock” or “constrain”) the aspect ratio so both dimensions change proportionally. Every photo editor and OS resize tool has this option — keep it on.
Rule 2: Need a different shape? Crop, don't stretch
If the target dimensions have a different aspect ratio than your image (e.g. a square avatar from a rectangular photo), crop to the target ratio first, then resize. Cropping removes pixels cleanly; stretching mangles them.
Rule 3: Downscale, don't upscale
Shrinking an image (downscaling) looks crisp because you're discarding pixels. Enlarging (upscaling) invents pixels that were never captured, so it looks soft and mushy. Always start from the largest original you have and scale down to the size you need.
Rule 4: Resize once, from the best source
Each resize resamples the pixels. Repeatedly resizing (especially up and down) degrades quality — go back to the original and resize once to your final dimensions.
The complete workflow
- Start from the highest-resolution original.
- Crop to the target aspect ratio if needed.
- Resize down to the display dimensions (aspect ratio locked).
- Compress in the FreeCompressor image tool so the file is light and fast.
For platform-specific dimensions, see our social media image size guide.
Finish with compression
Once your image is the right size, run it through the image compressor to keep it sharp and small — free and in your browser.