How do I resize without distorting the image?
Enter the width, and leave the height alone.
The height is calculated from your image’s own proportions, which makes distortion impossible. Stretching happens when width and height are set independently to a ratio the picture does not have — and once it is baked into a file, nothing can undo it.
The current dimensions are read from your file and filled in when you add it, so you can see what you are starting from.
Making images smaller versus larger
These are not symmetrical operations, and it is worth being clear about which one you are doing.
Smaller discards pixels. There is more information available than the new size needs, so the result is clean. This is the common case and it works well.
Larger invents pixels. Interpolation guesses at values between the ones that exist, which produces a soft, slightly plastic result. This is a limit of physics, not of the tool: detail that was never captured cannot be recovered by any software.
If you need a larger image, the right fix is to go back to the original file and export it at the size you need.
What size should a web image be?
Match the largest size it will actually be shown at, then double it for high-density displays.
An image displayed in a 600-pixel column is well served at 1200 pixels wide. Beyond that you are sending bytes no visitor will ever perceive, which slows the page for nothing.
Once it is the right size, converting to WebP usually saves more than the resize did.
Where the work happens
The image is decoded, scaled and re-encoded in a single pass inside a Web Worker — a separate thread, so the page stays responsive while a large photograph is processed.
Nothing is transmitted at any point. The Uploaded readout beside your result measures this page’s own outbound network traffic directly, so a successful resize shows 0 B.
Questions
- How do I resize an image without stretching or distorting it?
- Enter only the width. The height is calculated from the original proportions automatically, so the image cannot be distorted. Distortion happens when width and height are set independently to a ratio the image does not have.
- Does resizing reduce quality?
- Making an image smaller discards pixels, which is unavoidable — but the result generally looks clean, because there is more information than the new size needs. Making an image larger is the problem: the extra pixels have to be invented by interpolation, and the result looks soft. No tool can add detail that was never captured.
- Can I enlarge an image?
- You can, but manage your expectations. Scaling up interpolates between existing pixels; it does not recover detail. A small image enlarged four times will look blurry no matter which tool does it.
- What formats can I resize?
- JPG, PNG, WebP and AVIF. The image is decoded, scaled and re-encoded to the same format it arrived in.
- Is my image uploaded?
- No. Decoding, scaling and encoding all run inside this browser tab in a Web Worker. The Uploaded readout beside the result measures the page's own outbound traffic, so a successful resize reads 0 B.
- Is there a limit on image size or dimensions?
- None imposed. Very large images are limited by how much memory your browser can allocate, not by any rule here.
- Does it resize in one pass or several?
- One. The image is decoded, scaled and re-encoded in a single operation, so there is no intermediate file and no compounded quality loss.
- What size should a website image be?
- Match the largest size it will actually be displayed at, then account for high-density screens by doubling it. An image shown in a 600-pixel-wide column is well served at 1200 pixels; anything beyond that is bytes nobody sees.
- Will there be a watermark?
- No. Nothing is added to the image and no size is held back behind a paid tier.
- Does resizing strip metadata like GPS coordinates?
- Most metadata is not carried across. For images headed to a website that is usually desirable, since it removes location data you probably did not intend to publish.