How to resize an image without stretching, blurring or cropping the wrong part
Resizing looks trivial until the aspect ratio doesn't match and something gets squashed. Here is how to do it properly, every time.
Published Updated 7 min read
Resizing an image is just changing its pixel dimensions, but most of the visible problems people blame on 'bad resizing' are actually one of two mistakes: distorting the aspect ratio, or trying to add detail that isn't there by upscaling. Neither is a limitation of the tool — both are avoidable.
Always lock the aspect ratio unless you mean to crop
A 4000×3000 photo has an aspect ratio of 4:3. If you resize it to 1200×1200 by typing both numbers independently, you squash it into a square and every face and straight line in it warps. The fix is to resize by one dimension — set the width to 1200 and let the height follow proportionally, giving you 1200×900 — or to crop to the target ratio first and then resize.
| Goal | Correct approach |
|---|---|
| Fit within a max width, keep proportions | Set width only, lock aspect ratio |
| Exact square (e.g. profile picture) | Crop to 1:1 first, then resize to the exact pixel size |
| Exact dimensions required by a form | Crop to the required ratio, then resize — never stretch to fit |
| Thumbnail grid needing uniform tiles | Crop each to the same ratio before resizing them all |
Upscaling doesn't add detail
Resizing a 400×300 image up to 1600×1200 doesn't recover the resolution the camera never captured — it interpolates new pixels from the ones you have, which softens edges and can look noticeably blurry at the new size. If a source image is too small for where it's needed, the honest options are to find a larger original or accept it will look soft; upscaling is a last resort, not a fix.
A resize workflow that avoids the common failures
- Decide the exact pixel dimensions (or ratio) the destination needs, in advance — don't guess and adjust after.
- If the source ratio doesn't match, crop to the target ratio first.
- Resize with the aspect ratio locked, using width or height as the driving dimension.
- Never scale a small image up to fill a large slot — replace the source instead.
- Check the result at 100% zoom, not in a shrunk preview, to catch any softening.
Resizing many images the same way
If you're preparing a batch — a product gallery, a set of thumbnails — pick one target size and one aspect ratio and apply it to every image the same way. Inconsistent dimensions in a grid are more visually jarring than a slightly imperfect crop on any single image.
Tools for this
- Resize ImageUse it resize to exact pixels or a percentage with the ratio locked.
- Crop ImageUse it when the target ratio doesn't match the source and something must be cut.
- Resize JPGUse it resizing and re-encoding a JPG in one step.
- Profile Picture ResizerUse it a common square-crop resize case worth having a dedicated tool for.
Keep reading
- Image dimensions vs file size: why a bigger picture isn't always a bigger filePixels, quality and format each move file size independently. Understanding how they interact stops you fixing the wrong one.
- How to reduce image file size without wrecking the pictureMost oversized images are oversized for one boring reason: the dimensions are far larger than anywhere they're displayed. Fix that first, then compress.
- How to prepare images for a website (a checklist that actually gets used)Most site speed problems are image problems. A short, repeatable process fixes the majority of them before an image ever gets uploaded.