How to Resize an Image Without Stretching It
A stretched image is instantly recognisable: people look too wide or too thin, circles turn into ovals, logos lose their shape. It always happens for the same reason — the width and the height were changed by different proportions. This guide explains the aspect-ratio rule behind clean resizing, shows exactly how to apply it in a browser tool, and covers when you should crop instead.
Why images stretch
Every image has an aspect ratio — the relationship between its width and its height. A 4032 × 3024 photo, for example, is 4:3: for every four units of width there are three units of height. Resizing preserves the picture only when both dimensions change by the same factor.
Stretching appears the moment you shrink the width a lot but keep the height almost the same (or vice versa). The pixels are still all there; they are simply being packed into the wrong shape.
Resize or crop? Pick the right operation
Resizing scales the entire picture to new dimensions. It is the right tool when you only need the image to be smaller (or a little larger) while keeping its composition.
Cropping cuts a window out of the picture. It is the right tool when you need a different shape — turning a landscape photo into a square avatar, for example — without distorting anything.
| You want to… | Do this | Result |
|---|---|---|
| Make a photo smaller for the web | Resize | Same picture, fewer pixels |
| Fit a wide image into a square slot | Crop | Straight edges, correct proportions |
| Enlarge a small image a lot | Avoid both | Upscaling adds blur — re-shoot or crop instead |
| Meet exact pixel dimensions | Resize | Set both fields to the matching ratio |
Resize an image step by step
Open the resizer
Load the Image Resizer and choose your image. The tool runs in your browser and fills the width and height fields with the photo's original pixel dimensions.
Enter the new width, then clear the height
Type your target width — for example 1600 — and empty the height field. When height is left empty, the tool calculates it from the original proportions, so stretching is impossible.
Or set both fields to the matching ratio
If you need exact dimensions, compute the pair yourself with the formula above (3024 ÷ 4032 × 1600 = 1200) and enter both numbers.
Choose the output format
Pick JPG, PNG or WebP — JPG or WebP for photos, PNG for logos and transparency.
Preview and download
Press resize, check the preview for correct proportions, and download the new file.
Changing the shape? Crop instead
Open the cropper
Load the Image Cropper and choose the image. Its width and height fields start at the full source size.
Define the crop window
Set the crop position (x, y) and the window size (width, height). For a square avatar from a 4032 × 3024 photo, a 3024 × 3024 window starting at x = 504 keeps the centre without distortion.
Crop and download
Press crop and save the PNG result. The output keeps exact straight edges because nothing was scaled.
For standardised shapes — passport photos at 35 × 45 mm or 2 × 2 inches — the Passport Photo Maker crops to the required dimensions directly.
Common mistakes to avoid
- Typing two unrelated numbers into width and height. This is the direct cause of almost every stretched image.
- Enlarging a small photo far beyond its original size. Extra pixels cannot add detail — the result is soft and blurry.
- Resizing an already heavily compressed file. Artifacts become larger and more obvious after scaling; resize from the original first.
- Forgetting to compress afterwards. A 4000-pixel photo resized to 800 but exported at maximum quality can still be oversized — finish with How to compress images without losing quality.
- Stretching instead of cropping when the shape must change. If the target is square and the source is wide, crop — never squash.
Extra tips
- Write the original dimensions down first; every calculation starts from them.
- Resize to the size it will actually be displayed at — no larger.
- Keep one master file untouched and export resized copies from it each time.
- When a picture must fit an exact slot (avatar, banner, thumbnail), crop to that ratio first and then resize.
The short version
Stretching is always a ratio problem. Keep width and height in proportion — easiest by clearing the height field and letting the tool compute it — and crop whenever you need a different shape. Do those two things and every resize comes out clean.
Tools for this guide
Related guides
How to Compress Images Without Losing Quality
Large images slow down websites and blow past upload limits. Learn why image files get big, how far you can safely compress, and how to shrink JPG, PNG and WebP files so the difference stays invisible.
How to Add a Watermark to an Image
Mark your photos and documents with a clear, tasteful watermark. Learn where to place it, how strong to make it, and how to export a watermarked image in seconds.
How to Convert HEIC Photos to JPG or PNG
HEIC photos look perfect on an iPhone but fail everywhere else. Learn what the format is, when to pick JPG or PNG, and how to convert your files in a few clicks.
Put the guide into practice
Every guide here maps to a free ToolPilot tool you can use right now — no installation and no account required.
Browse all tools