How to Resize an Image the Right Way (Without Losing Quality)
Resizing an image seems like it should be trivial - and it is, once you know two or three rules. Get them wrong and you end up with stretched, blurry pictures or files that are still far too big. Here's how to resize images the right way.
Resizing vs compressing - not the same thing
People often mix these up. Resizing changes the pixel dimensions of an image (say, from 4000×3000 down to 1200×900). Compressing reduces the file size at the same dimensions by encoding the image more efficiently. Resizing usually reduces file size as a side effect, but for the smallest possible file you often do both.
Rule 1: Always keep the aspect ratio
The aspect ratio is the relationship between width and height. If you change one without the other, the image stretches and looks distorted. Lock the aspect ratio (change one dimension and let the other adjust automatically) unless you deliberately want to crop or squash the image.
Rule 2: Scale down, not up
Making an image smaller keeps it sharp, because you're discarding pixels you don't need. Making it larger than its original size forces the software to invent pixels that were never captured, which produces a soft, blurry result. If you need a bigger image, start from a higher-resolution original rather than enlarging a small one.
Rule 3: Match the dimensions to where it's used
There's no point serving a 4000-pixel photo in a spot that displays it at 800 pixels - you're wasting bandwidth and slowing the page. Common targets:
- Full-width web images: around 1600-2000 px wide.
- Blog/content images: around 1000-1200 px wide.
- Thumbnails and avatars: 150-400 px.
How to resize an image
- Open the Image Resizer.
- Enter the new width or height with the aspect ratio locked.
- Download the result - everything runs in your browser, so your image isn't uploaded.
For the smallest file, resize first and then run the image through the Image Compressor. Choosing a format matters too - see our guide on JPG vs PNG vs WebP.
Frequently Asked Questions
Why does my image look blurry after resizing?
Usually because it was enlarged beyond its original size, which forces the software to invent detail. Scale images down rather than up, or start from a higher-resolution original.
What is the difference between resizing and compressing?
Resizing changes the pixel dimensions; compressing reduces file size at the same dimensions. For the smallest file, resize first, then compress.
How do I stop my image from stretching?
Keep the aspect ratio locked so changing one dimension adjusts the other automatically, preserving the original proportions.