Resize Image
Set a width, keep the proportions. Runs on your device, no upload.
Your files stay in this tab. There is no upload endpoint on this site.
Set the width, the height takes care of itself
Enter a target width and every image is scaled proportionally, so nothing is stretched or squashed. Images already narrower than the target are left alone rather than upscaled — enlarging a small image adds pixels but no detail, and the result always looks soft.
Widths that match real destinations
- 1600 px — full-width images on a modern site, sharp on high-density displays.
- 1200 px — the standard for blog post images and Open Graph social previews.
- 800 px — in-article images in a typical single-column layout.
- 400 px — thumbnails, list rows, avatars.
A useful rule for high-density screens: export at roughly twice the CSS width you will display at. An image shown in an 800-pixel column should be about 1600 pixels wide, and no wider.
Why this is the highest-leverage step
Pixel count scales with area, not width. Halving an image's width quarters its pixel count, and file size falls roughly in proportion. That is a much bigger and much safer reduction than anything you can get by pushing a quality slider down, because you are removing resolution nobody was going to see rather than detail everybody might. When you need a file dramatically smaller, resize first and compress second.
Common questions
Do my files get uploaded to a server?
No. Every tool on this site runs entirely in your browser using the Canvas and WebAssembly APIs. There is no upload endpoint in the page — you can confirm this yourself by opening your browser's Network tab while you convert a file. Nothing leaves the tab, which also means the tools keep working if you go offline after the page loads.
Can I set the height instead of the width?
Not directly. Width is the constraint that matters in almost every layout, and locking the aspect ratio to it prevents accidental distortion. For a specific height, work out the equivalent width from the original proportions.
Will small images be enlarged to the target width?
No. Images already smaller than the target are passed through at their original size. Upscaling invents pixels without adding detail and always looks worse.
Does resizing lose quality?
Downscaling discards resolution by definition, but the browser uses a high-quality filter, so a downscaled image looks sharp at its new size. Upscaling is the operation that visibly degrades an image, which is why this tool does not do it.