Free Image Resizer
Resize an image to exact pixel dimensions or a percentage, keeping the aspect ratio if you want. Pick the output format and download β all in your browser.
Drop an image here, paste from clipboard, or browse
JPG, PNG, WebP⦠· processed in your browser, never uploaded
Runs entirely in your browser β your image is never uploaded to a server.
Quick answer
To resize an image, set the target width and height in pixels (or scale by a percentage) and re-export it. This tool does that in your browser: it locks the aspect ratio by default so the image doesn't stretch, lets you output JPG, PNG, or WebP, and downloads the result. Your image is never uploaded.
Formula & method
The tool loads your image, then draws it onto an HTML canvas sized to your chosen dimensions, which scales the pixels. With 'lock aspect ratio' on, changing the width auto-sets the height (and vice-versa) using the original ratio, so the picture is never distorted. It then exports the canvas in your chosen format.
Examples
- Input
- Resize to 400 Γ 400px
- Result
- 400 Γ 400 image
- Why
- Many sites want a square avatar; unlock the ratio and start from a square source so nothing is stretched.
- Input
- 4000 Γ 3000 at 50%
- Result
- 2000 Γ 1500
- Why
- The percentage buttons scale both dimensions at once while keeping the ratio.
- Input
- Set width 1200px, ratio locked
- Result
- 1200 Γ auto height
- Why
- Height is computed automatically so the image keeps its proportions.
When to use this tool
- Fitting an image to the exact size a website or form requires.
- Making a square profile picture or avatar.
- Shrinking a huge camera photo to web-friendly dimensions.
Common mistakes
- Turning off 'lock aspect ratio' and entering mismatched width and height, which stretches the image.
- Enlarging a small image to a much bigger size β pixels can't be invented, so it looks soft.
- Exporting a photo as PNG, which produces a large file; use JPG or WebP for photos.
Frequently asked questions
Is my image uploaded to resize it?
No. Resizing happens entirely in your browser on an HTML canvas, so your image never leaves your device.
What does 'lock aspect ratio' do?
It keeps the image's original proportions: when you change the width, the height updates automatically (and vice-versa) so the picture isn't stretched.
Can I make an image larger?
Yes, but enlarging beyond the original size can't add detail, so the result looks softer or blocky. Resizing down keeps quality.
Which output format should I choose?
Keep PNG for graphics and transparency; use JPG or WebP for photos. WebP gives the smallest file at good quality.
Does resizing also reduce the file size?
Usually yes β fewer pixels means a smaller file. For photos, lowering the quality slider reduces it further.
How do I crop instead of resize?
This tool resizes (scales) the whole image. To crop, trim the image in any editor first, then resize here to the exact pixels you need.
Sources & references
- MDN β CanvasRenderingContext2D.drawImage() (scaling)
- Google web.dev β Choose the right image format
External references open in a new tab. We are independent and not affiliated with these organizations.
- β Free to use
- β No sign-up required
- β Runs entirely in your browser β nothing is uploaded.
- β Formula and method shown above
Provided βas isβ for general information only β results may be inaccurate, so verify before you rely on them. No warranty; use at your own risk.
Built and reviewed by HIFreeTools against the formula shown above and any authoritative references cited on this page. See our methodology and editorial standards.
Related tools
- Image CompressorImage
- QR Code GeneratorDeveloper
- Base64 Encoder & DecoderDeveloper
- JSON Formatter & ValidatorDeveloper
- Percentage CalculatorCalculators
- Word CounterText
Related guides
Embed this tool on your site
Free to embed, no sign-up. Paste this code where you want the image resizer to appear: