How to Resize Images Correctly

Resizing an image sounds trivial, until the result comes out stretched, blurry, or somehow larger than the original. Here is how to resize correctly, with the two decisions that actually matter. The Image Resizer works on one image at a time: open a file, choose its dimensions, click Apply resize, then Download. Repeat for another image; this resizer does not provide batch or ZIP downloads.

Decision 1: what size do you actually need?

The most common resizing mistake is not technical at all: serving images at sizes nobody displays. Ask where the image will be shown:

• Full-width website photos: 1920px wide is the practical ceiling; most are shown at 800–1200px.
• Product images: 800–1200px (Amazon asks for 1000px+ to enable zoom).
• Thumbnails and cards: 200–400px.
• Social media: exact platform presets; see our social media size guide.

Resizing an oversized phone photo to its intended display dimensions can substantially reduce file size. The byte savings depend on the image, output format, and encoding quality—not just the pixel count.

Decision 2: pixels, percentage, or preset?

Exact pixels when the destination demands a number (a 1920×1080 banner slot, a 512×512 favicon). The resize by pixels tool keeps the aspect lock on by default: enter width and height follows automatically. Turn the lock off only when distortion is intended.

Percentage when you want to keep proportions and think in scale: 50% halves a photo, 25% makes thumbnails. Percentage scaling is inherently aspect-safe. The ratio survives every scale factor. Use resize by percentage.

Presets when a platform has exact requirements: Instagram's 1080×1350 portrait, YouTube's 1280×720 thumbnail. Every social media resizer bakes in the platform's current dimensions.

The stretching problem

A resized image stretches when width and height are forced to a different ratio than the source. To avoid that:

1. Keep the aspect lock on so the second dimension follows the first. 2. On preset-based resizers, Crop to fill is the default: it preserves proportions and trims the edges to reach the exact target dimensions. Choose Fit inside to keep the whole image instead; one dimension may then be smaller than the preset. After applying a crop-to-fill preset, use the hand tool to reposition the image inside the frame.

For a custom target with a different aspect ratio, use the live Crop Image tool to crop to that ratio first, then resize to the final pixel dimensions. Cropping removes part of the picture rather than stretching it. Our aspect-ratio cropping guide walks through the process.

How resizing affects detail

Upscaling interpolates between existing pixels; it cannot recover detail the source never captured. Even a modest enlargement can look soft, depending on the source and viewing size. Start with a higher-resolution original when you need more genuine detail.

Downscaling reduces the pixel count and discards some source detail. A smaller image can still look good at its intended display size, but fine text, textures, and thin lines may soften or disappear. Keep the original and inspect the downloaded result at the size people will actually view it. JPG and WebP re-encoding can add further loss; PNG encodes the resized pixels losslessly, but cannot restore detail removed by resizing.

Resizing reduces file size too

Pixel count scales by the square of the percentage: 50% width and height means 25% of the pixels. That does not guarantee a quarter of the file size; the image content, format, and quality settings also matter. If the result is still too large, compress it with the image compressor and check the quality before using it.

Summary

1. Resize one image at a time to its intended display dimensions, keeping the original. 2. Keep the aspect lock on to preserve proportions. 3. Use Crop Image or a crop-to-fill preset when the target ratio differs; use fit-inside when keeping the whole picture matters more than filling the box. 4. Apply the resize, download, and check fine details. Compress afterwards if you still need a smaller file.