HTML Image Resizer
Need an image at exactly 800 pixels wide, or half its current size? Drop it in, type the numbers, and download. The aspect ratio stays locked so nothing gets squished, and the whole thing happens in your browser, so your image never leaves your device.
Resize by pixels or by percent
Two ways to get the size you want. Type exact width and height values when you have a target in mind, or use the scale box to shrink or grow by a percentage. With the ratio locked, changing one dimension updates the other automatically so your image keeps its proportions.
Exact pixels
Perfect when a layout, avatar slot or banner needs a specific size like 1200 by 630.
Percentage scale
Quick when you just want it smaller. Drop to 50% and you are done, no maths required.
Ratio lock
On by default so images never look stretched. Turn it off only when you truly need a custom shape.
Private by design
Everything runs on an HTML canvas in your browser. Nothing is uploaded, so even big images stay fast and private.
How to use the resizer
- Add your image. Drag a file onto the box or browse for one. The current size fills in automatically.
- Set the new size. Type a width or height, or enter a scale percentage. The ratio lock keeps things in proportion.
- Click Resize. The preview and file size update so you can check the result.
- Download. Save the resized image, named with its new dimensions.
Good to know
- Shrinking is lossless-looking. Going smaller keeps things crisp. Enlarging past the original adds no real detail, so it can look soft.
- Format is kept. JPEGs stay JPEG, PNGs and others export as PNG to preserve transparency.
- Pair it with the optimizer. After resizing, run the file through the Image Optimizer to shave off extra kilobytes.
Frequently asked questions
How do I resize an image online?
Drop your image in, type a new width or height in pixels or a percentage, then click Resize and download. The aspect ratio is locked by default so the image never looks stretched.
Does resizing reduce quality?
Making an image smaller looks great. Enlarging past its original size can look soft because there is no extra detail to add. Start from the largest version you have for the best result.
Are my images uploaded to a server?
No. Resizing happens entirely in your browser on an HTML canvas, so your images never leave your device. The tool is free and works offline once loaded.
What size should a social share image be?
A common target is 1200 by 630 pixels for Open Graph images. Set those exact values with the ratio lock off if your source is a different shape.
Further reading: the MDN canvas drawImage reference, Wikipedia on image scaling, and Google's web.dev performance guides.
Resized and ready? Squeeze the file size down next.
Open the Image Optimizer→