Compress WEBP
Drop a WebP image below, choose a quality level and click Compress to shrink its file size. Transparency is preserved. You'll see the before and after size plus the percentage reduction. Everything happens locally in your browser — your image never leaves your device.
Read the guide: How to compress WebP imagesInput
Output
Processed locally in your browser — nothing is uploaded.
How the Compress WEBP works
- Your WebP is loaded into an in-browser HTMLImageElement — nothing is uploaded.
- The image is drawn onto a canvas at its original dimensions.
- The canvas is re-encoded as WebP at the quality level you choose.
- The new file size is compared with the original so you can see the reduction before downloading.
Useful tips
- Start at 80% and step down in 10% increments until you hit the size you need.
- WebP is already efficient, so even a small quality drop can give a noticeable size reduction.
Frequently asked questions
Is my image sent to a server?+
No. All compression happens entirely in your browser using a canvas. Nothing is uploaded or stored.
How does the quality setting work?+
The quality slider controls WebP compression from 10% to 100%. Lower quality means a smaller file but more visible artefacts; higher quality keeps the image sharper at a larger size.
Will transparency be preserved?+
Yes. The alpha channel is retained through re-encoding, so transparent areas stay transparent in the compressed output.
What if my browser can't encode WebP?+
Most modern browsers can. If yours can't, the tool will tell you — switch to a recent version of Chrome, Edge or Firefox to compress WebP.
Related guides
How to compress JPG images
Large JPG files slow down websites and fill up storage. This guide explains how JPG compression works, how the quality setting trades size for sharpness, and how to pick a sensible level for photos and graphics — all using a free tool that runs entirely in your browser.
How to compress PNG images
PNG files are large because the format is lossless and keeps every colour and pixel. This guide explains how PNG compression works, how reducing colour depth shrinks the file while preserving transparency, and how to choose a sensible level — all using a free tool that runs entirely in your browser.
How to reduce image file size to a target
Sometimes you need an image under a specific size — for an upload limit, an email attachment or a web budget. This guide explains how target-size optimisation balances quality and dimensions to hit a file-size limit, and how to reduce an image to 100 KB, 500 KB, 1 MB or 2 MB — all using a free tool that runs entirely in your browser.
How to upscale an image
Sometimes you need an image bigger — for a large hero banner, a print layout or a higher-resolution thumbnail. This guide explains how browser-based upscaling works, how the scale factor and output quality trade sharpness for file size, and how to enlarge an image by 2×, 3× or 4× — all using a free tool that runs entirely in your browser.
