Resizing Images Without Losing Quality
"Resize" covers two very different operations that happen to share a UI: making an image smaller, and making it bigger. One of them is nearly free. The other has a hard ceiling you can't slider your way past.
Downscaling: mostly safe
Shrinking an image throws away pixels the original photo actually captured — a 4000×3000 photo resized to 1200×900 is discarding real detail, but there was more detail there than most uses need anyway. Because you're removing information rather than inventing it, downscaling rarely looks bad even at fairly aggressive ratios. The main thing to watch is text or fine line art getting blurry at very small sizes — for icons and logos specifically, a purpose-built export at the target size (or the favicon generator, which resizes to each exact size individually) beats one aggressive downscale.
Upscaling: has a ceiling
Enlarging an image beyond its native resolution means inventing pixels that were never captured. Standard resizing algorithms do this by interpolating — blending neighboring pixels to estimate what the in-between ones probably look like. That works fine for small increases, but the more you enlarge, the softer and less detailed the result gets, because interpolation can only ever produce a smoothed guess, not real detail. There's no setting in a basic resizer that gets around this — it's a fundamental limit of the technique, not a bug. If you need a small image significantly larger and it has to look sharp, you need an AI upscaling model built for that specific job, not a general resize tool.
Aspect ratio: why locking it matters
An image's aspect ratio is just its width divided by its height — a 1600×900 photo is 16:9. Change only the width without changing the height proportionally and the image stretches or squashes, which is almost always visually wrong (people's faces get subtly wide or tall, straight lines stay straight but proportions feel "off" in a way that's hard to place). Locking aspect ratio, as our resizer does by default, means changing one dimension automatically recalculates the other to preserve the ratio — width ÷ height stays constant. Only unlock it if you specifically need to force a mismatched shape, like fitting a photo into an ad slot with a fixed non-native ratio (usually better solved by cropping first).
Picking a target size
- Web content — match the largest size it will actually display at (accounting for high-DPI screens, roughly 1.5–2× the CSS display size is enough headroom).
- Social media — each platform has recommended dimensions; oversized images just get re-compressed by the platform anyway, often worse than if you'd sized it yourself.
- Print — needs much higher resolution than screens; a rule of thumb is 300 pixels per inch of the final printed size.
