Image resizer
What is an Image Resizer?
Photos from modern phones and cameras are often 4000 pixels wide and several megabytes in size, far larger than any website, email or upload form needs. Resizing them to the size they will actually be displayed at is the single most effective way to reduce file size. This tool resizes images in your browser while keeping their proportions.
How to use it
- Choose an image.
- Enter the target width; the height is calculated to keep the aspect ratio.
- Choose JPEG or WebP quality if exporting a lossy format.
- Compare the original and new file sizes, then download.
Example
A 4032 × 3024 photo of 3.9 MB resized to 1600 px wide becomes 1600 × 1200. Saved as JPEG at quality 80, it is typically around 250 to 400 KB, roughly ten times smaller, and still sharp on most screens.
Choosing a size
- Blog or article images: 1200 to 1600 px wide.
- Full-width hero images: 1920 to 2560 px wide.
- Email images: about 600 px wide, or 1200 px for high-density screens displayed at 600 px.
- Thumbnails: 300 to 400 px.
- High-density (Retina) screens: export at 2x the displayed CSS size for crisp results.
Tips
- Downscaling is safe; upscaling cannot add detail and makes images blurry.
- For responsive sites, generate several sizes and use
srcsetso each device downloads an appropriate one. - Keep your originals in case you need a larger version later.
Processing is local; nothing is uploaded.
Frequently Asked Questions
Will resizing distort my image?
No. The height is calculated from the width to keep the original aspect ratio.
What width should I use for a website image?
Usually 1200 to 1600 pixels for content images and up to about 2560 pixels for full-width hero images.
Can I make a small image bigger?
You can, but upscaling cannot add detail, so the image will look soft or blurry.
Are my images uploaded?
No. Resizing happens in your browser.