Compress WebP
Compress WebP images in the browser - adjust quality and resize without re-encoding to JPEG. Free, client-side, instant, offline, secure.
- Runs in your browser
- Nothing uploaded
- Free, no sign-up
Drop a WebP and shrink it in the browser - adjust quality, resize, or pick lossless re-encoding, all without ever re-compressing to JPEG.
Click, drop, or press Enter to upload
WebP only - processed entirely in your browser
How to Use Compress WebP
- Drop your WebP onto the upload zone, click it to browse, or focus it with Tab and press Enter. Only
.webpfiles are accepted - anything else is rejected immediately with an inline error. - Adjust the Quality slider between 1 and 100. It is passed straight to
canvas.toBlob('image/webp', quality), so the result is a true WebP recompress - never a conversion to JPEG or PNG. - Drag the Resize slider between 10% and 100% to scale both dimensions down while preserving the aspect ratio. The canvas uses high-quality smoothing, so downscales stay crisp.
- Tick Lossless re-encode if you want to re-pack the WebP without quality loss - helpful for re-optimising a WebP that was exported with suboptimal settings. The Quality slider is ignored in lossless mode.
- Read the stats line under the previews: original bytes, compressed bytes, savings %, output dimensions, and the quality label (Q80, lossless, etc.).
- Copy or Download. Copy writes the compressed WebP to the clipboard via
ClipboardItem- if your browser refuses (some refuseimage/webp), the data URL is copied as text instead. Download saves<original>-compressed.webp. - Press
Ctrl+Enter(⌘+Enteron Mac) to force a recompress with current settings. Clear wipes everything, Reset options returns the sliders to defaults without losing the uploaded file.
Frequently Asked Questions
Is my WebP image secure and private?
Yes. Compression runs entirely in your browser on an HTML canvas – the image bytes are never uploaded, cached, or tracked. After the page loads you can disconnect from the network and the tool still works.
Is this WebP compressor free?
Yes, 100% free with no cap on how many images you can compress. No sign-up, no watermark, no hidden file-size limit.
Does this work offline?
Yes. HTML, CSS, and JavaScript are self-contained. After the first page load you can turn off Wi-Fi and keep recompressing WebPs indefinitely.
Why compress a file that is already WebP?
WebP is efficient out of the box, but many WebPs are exported at default quality (often 90+) or with suboptimal encoder settings. A recompress at Q75-Q85 frequently shaves 30-60% off the file size with no visible difference on typical viewing sizes.
Does this tool also resize the image?
Yes – the Resize slider scales both axes between 10% and 100% while preserving the aspect ratio. Combined with Quality, one pass can both shrink the pixel count and recompress, which usually beats quality alone.
What quality should I pick?
For web images at 1× viewing, 75-85 is the sweet spot. For large hero images viewed on retina screens, 80-90 is safer. For thumbnails and background decorations, 60-70 is often indistinguishable from the original.
Can I convert JPG or PNG to WebP here?
No – this tool accepts WebP only, to keep the UX focused. Use the sibling Compress Image tool for JPG, PNG, or GIF inputs: it has an output-format dropdown that can write WebP.
Is transparency preserved?
Yes. Before drawing, the canvas is cleared (not filled), so the alpha channel of your WebP is preserved in the compressed output. Logos, icons, and stickers keep their transparency.
Is WebP supported everywhere?
Yes – Chrome, Edge, Firefox, Safari, and Opera have supported WebP for years. Caniuse reports over 97% coverage of global users at the time of writing, so it is production-safe on any modern site.
What does the lossless toggle do?
Lossless re-encode passes 1.0 as the quality to toBlob, telling the browser to skip lossy WebP compression. Some encoders interpret this as a full lossless pass, others as max-quality lossy. Either way, the result is the highest-fidelity WebP the browser can produce from your input.
Related Tools
Add Text to WEBP →
Add text, captions, or watermarks to your WEBP images directly from your browser. Our…
WEBP Glitch Artifact Generator →
Purposely add heavy WebP compression artifacts to any image imitating the deep-fried meme look…
Add Background to WebP - Fill Transparent Areas →
Add solid color backgrounds to transparent WEBP images. Choose any color, preview in real-time.…
Add Border to WebP - Frame Your Image →
Add customizable borders to WEBP images with adjustable width and color. Preview in real-time.…
Analyze WebP Images →
Analyze WebP Images. Inspect dimensions, compression type, transparency, animation, and EXIF metadata in WebP…
Blur WebP Image →
Blur any WebP image in your browser. Free, offline, client-side - instant preview, secure,…
Change WebP Color →
Change a colour inside a WebP image with tolerance control. Preview live, keep alpha,…
Change WebP Opacity →
Change WebP Opacity with a live slider, scale or overwrite the alpha channel, export…
Change WebP Quality →
Change WebP Quality for WebP image at any quality from 1 to 100, with…
Base64 to WebP Decoder →
Decode Base64 to WebP image - preview, copy, download. Detects declared vs actual format.…
Convert Hex to WebP →
Reconstruct WebP images directly from raw hexadecimal text dumps offline. Free secure browser tool.
Convert Landscape WebP to Portrait WebP →
Convert horizontal WebP images to vertical portraits with blur, crop, or solid fill. 9:16,…