KitJade
Images & DesignRuns in your browserNew

PNG to WebP

Encode images as WebP with adjustable quality.

Use the PNG to WebP tool

Runs in your browserUpdated Report a problem

What this png to webp does

PNG to WebP re-encodes an image in the WebP format, which usually produces a much smaller file than PNG for photographic content while keeping transparency. A quality slider balances detail against size, and an optional maximum width downscales oversized images.

The browser does the encoding on a canvas. If a browser falls back to PNG instead of producing WebP, the tool reports that and cancels rather than giving you a mislabelled file.

Why use it

  • Cut image weight on a website without changing dimensions.
  • Keep transparent areas while using a modern format.
  • Prepare images for a platform with a size limit.

How to use it

  1. 1Open the image.
  2. 2Set the quality and, if needed, a maximum width.
  3. 3Convert, compare the size, and download the WebP.

Worked examples

Website image

Input

A 1.8 MB PNG at quality 82

Output

A smaller WebP with similar visual detail.

Downscale and convert

Input

A 4000 px photo capped at 1600 px

Output

A 1600 px wide WebP, substantially smaller.

Common mistakes

  • Using very low quality for text-heavy images, where WebP artifacts are obvious.
  • Repeatedly re-encoding an already lossy image, which compounds artifacts.
  • Assuming every legacy tool accepts WebP; some older desktop software does not.

Frequently asked questions

Does WebP support transparency?
Yes. The alpha channel is preserved when the source has one.
What quality should I use?
80–90 is a good starting point for photographs. Check the result at 100% zoom rather than trusting the number alone.
Is the original changed?
No. The tool creates a new download; the source file on your device is untouched.
All tools