How to resize an image without distorting or blurring it

Two complaints come up constantly: "I resized it and everyone looks stretched" and "I resized it and now it is fuzzy". They have completely different causes, and each one has a fix that takes seconds once you know which problem you have.

Underneath both is the same fact. An image is a fixed grid of pixels, and every operation either throws some away, keeps them and changes the frame, or invents new ones. Knowing which of those three is happening tells you exactly what to expect.

The three operations people call “resizing”

The fourth row is not a technique, it is an accident. It happens when the ratio lock is off and someone types a height that does not match the width they typed.

Getting it right in four steps

Step 1: Work out the target width

Find the size the image will actually be displayed at. Open the page in a browser, right-click the image, and choose Inspect. The displayed dimensions appear next to the element. For a printed piece, take the physical width in inches and multiply by 300.

Step 2: Double it for retina screens

Multiply the target by two. A phone or a modern laptop packs two or three physical pixels into each CSS pixel, so an 800 px image in an 800 px slot looks soft on them. 1600 px is sharp on everything and still a small file once compressed.

Step 3: Crop before you scale, if the shape is changing

Set the crop tool to the target ratio and position the frame deliberately. Crop to 1:1 or 4:5 or whatever the destination wants, and decide yourself what gets cut. If you skip this, the platform crops for you, usually straight through someone’s head.

Step 4: Scale down in one move, with the lock on

Enter the target width and let the height follow. Do it in a single operation from the original file rather than in several passes, and use a good resampler, such as Lanczos or Bicubic Sharper if your tool names them. Then export and compress.

Never resize in place. A batch resizer pointed at your originals with overwrite enabled turns a folder of 6000 px masters into 800 px thumbnails permanently, in a few seconds. Output to a new folder every single time, without exception.

Free tools that do it properly

Windows: PowerToys Image Resizer adds “Resize pictures” to the right-click menu, handles whole folders, and writes copies rather than overwriting by default. Paint does single files fine if you tick “Maintain aspect ratio”.

macOS: Select files in Finder, right-click, Quick Actions → Convert Image, and pick a size. For more control, open them in Preview, select all, and use Tools → Adjust Size with “Scale proportionally” ticked.

Any device: Squoosh (squoosh.app) resizes and compresses in one pass, in the browser, without uploading anything. It is the best option when you want to see the resulting file size while you work.

Large batches: ImageMagick handles thousands of files with one command, and mogrify -resize 1200x -path output/ *.jpg is most of what you will ever need. The -path flag is what stops it overwriting your originals.

What to do when you must enlarge

Sometimes there is no bigger version. The client sent a 400 px logo, the only photo of the product is a screenshot, the archive image is all that exists.

1. Check for a larger source first. A logo often exists as a vector file somewhere, which scales infinitely. It is worth one email to ask before spending an hour on upscaling.
2. Keep the enlargement modest. Doubling is usually acceptable. Quadrupling rarely is. The further you go, the more of what you are looking at was invented.
3. Use a modern upscaler for photographs. Tools built on machine learning reconstruct texture far better than the old bicubic method, and for web use the result is often good.
4. Add slight sharpening afterwards, not before. Enlarging softens edges; a light unsharp mask on the result recovers some apparent crispness. Sharpening first just enlarges the sharpening halos.
5. Never enlarge for print without a test print. What looks acceptable on a backlit screen frequently looks terrible on paper at arm’s length.

Common sizes worth memorising

What to do next time

Lock the ratio, crop to change shape, and scale down rather than up. Those three habits eliminate both stretched faces and mystery blur, and they cost nothing to adopt.

Once the pixels are right, weight is the next question, and compressing without losing quality picks up exactly there. If the shape is what is tripping you up, aspect ratios explained covers the arithmetic, and batch resizing for free scales all of this to a folder of four hundred.