How do I compress an image for the web?
Resize it to the largest width it will be shown at, then save it as WebP at around 75 to 85 quality. Drop the image here, keep the defaults, and download the smaller file.
- Drop images onto the box or click to choose them.
- Pick WebP for most web use, JPEG for older systems, or PNG for lossless graphics.
- Set quality; 80 is a good start.
- Set a max width, for example 1600 for full-width images or 800 for blog inline images.
- Compare the before and after, then download.
Examples
Phone photo for a blog post
A 4032 x 3024 phone photo resized to 1600 pixels wide and saved as WebP at quality 80 is usually a small fraction of the original size. The tool shows the exact saving for your file.
Frequently asked questions
Are my images uploaded?
No. The browser's canvas does the resizing and encoding on your device.
Why did my PNG get bigger?
PNG is lossless, so re-saving a photo as PNG can grow it. Use WebP or JPEG for photos and keep PNG for logos and screenshots with flat colors.
Does it keep EXIF data like location?
No. Re-encoding through a canvas drops EXIF metadata, including GPS location, which is usually what you want for web images.
Do all browsers support WebP?
All current major browsers display WebP. Saving to WebP depends on your browser's encoder; if it is missing, the tool tells you and you can pick JPEG.