Change WebP Quality

Change WebP Quality for WebP image at any quality from 1 to 100, with live preview and real-time size savings. Free, client-side, instant, secure.

Re-encode a WebP (or PNG/JPG) at any quality from 1 to 100 with a live preview and real-time byte savings.

Click to upload or drag and drop

WebP · PNG · JPG — stays on your device

Quality-adjusted preview

How to Use Change WebP Quality

  1. Drop or pick a WebP (or PNG/JPG) into the upload area. The original preview appears as soon as the file decodes.
  2. Drag the quality slider from 1 (smallest file, visible artefacts) to 100 (largest file, near-lossless). The percent badge updates live and the preview re-encodes every 100 ms.
  3. Watch the stats line - it shows the source size in bytes, the new output size, and a signed savings percentage. Negative savings means the output is larger than the source.
  4. Pick the output format: WebP (uses the quality slider) or PNG (lossless - the slider greys out because PNG ignores quality).
  5. Re-upload to revert - the tool never modifies the original file. Clear resets all controls without discarding the loaded image.
  6. Copy or download: Copy sends a real image to your clipboard where supported (Chrome/Edge), falling back to a data URL. Download saves a timestamped file with the correct extension.
  7. Press Ctrl+Enter (⌘+Enter on Mac) at any time to re-run Apply - useful if you paused live updates with Clear mid-session.

Frequently asked questions

Is my WebP uploaded to a server?

No. The entire re-encode runs in your browser via the 2D canvas API. The file is read, decoded, and compressed locally – there are no network requests for the image.

What quality level should I use?

For web use, 70-85 is the usual sweet spot. 90-100 for archival or print, 40-60 for thumbnails. The stats line shows exactly how many bytes each setting saves against your source, so you can tune by eye.

Can I reduce file size without visible quality loss?

WebP compresses efficiently – dropping from 95 to 75 usually halves the file with barely-visible artefacts. Test at your target quality and compare the preview against the original in a second tab.

Will this damage my original file?

No. The tool reads your file into memory and outputs a new Blob for preview and download. The file on disk is untouched until you decide to overwrite it.

Does it work on animated WebP?

Only the first frame is re-encoded. Canvas decodes animated WebP as a single still, so the output loses the animation.

Can I increase quality beyond the source?

You can choose quality 100, but that will not recover detail already lost to previous compression. It just produces a larger file that preserves the current pixels more faithfully.

Why does the size sometimes go up?

If your source is already heavily compressed, re-encoding at a high quality can make the output larger. The stats line shows a positive byte delta so you notice immediately.

Does it really show real-time size?

Yes – every slider change triggers a fresh re-encode (throttled to 100 ms) and the stats line updates with the actual output byte count. Nothing is estimated; those numbers come straight from the Blob.

Is there a file size limit?

No hard limit. Very large images (over 8000×8000 pixels) trigger a warning because memory caps vary by browser. Typical photos re-encode in well under 120 ms.

Does it work offline?

After the page loads, yes. HTML, CSS, and JS are self-contained, so you can disconnect Wi-Fi and keep optimising.