PNG to WebP converter

Drop a PNG: it is converted to WebP with its transparency, right in your browser.

Drag & drop, click or paste (Ctrl+V)
Image preview
Live preview
—→—
Crop height
Anchor (part to keep)
50%
65%
Adjustments
0
Shadows 0
Midtones 0
Highlights 0
0
0

Why convert PNG to WebP

This free converter turns PNG images into WebP files and keeps their transparency, directly in your browser. PNG is the usual choice for logos, illustrations and screenshots because it keeps sharp edges and transparent areas, but its files are heavy. WebP also supports transparency and produces much smaller files, which makes it a good replacement for PNG on a website.

Keep or remove the transparency

The Keep transparency option is ticked by default: transparent areas stay transparent in the WebP file. Untick it if the image will be shown on a white background: transparent areas are then filled with white.

Convert a PNG to WebP

  1. Drop your .png file in the zone above, or paste a screenshot with Ctrl+V.
  2. Set the width at which the image will be displayed: for a logo, about twice its displayed width keeps it sharp on high-resolution screens.
  3. Choose the quality: 65 % for illustrations, 80 % or more for screenshots with small text.
  4. Check the preview, then download the WebP file.

Measured examples

Measured with this tool on 3 November 2026 in Chrome, transparency kept:

Image and settingsOriginalWebPSaved
Illustration, PNG 954 × 713 px, quality 65 %1.22 MB38.5 KB−97 %
Same illustration, quality 80 %1.22 MB57.5 KB−95 %
Banner, PNG 5024 × 832 px, 1920 px wide, quality 65 %4.89 MB23.1 KB−99 %

Frequently asked questions

Does WebP support transparency like PNG?
Yes. WebP keeps transparent and semi-transparent areas. Leave “Keep transparency” ticked and the WebP file stays transparent where the PNG was.
Why can the WebP file be heavier than the PNG?
It can happen with very small, simple images such as icons or flat graphics with few colors. The preview shows it: the percentage turns red with a plus sign. In that case, keep the PNG or lower the quality.
Can I convert a PNG logo?
Yes. Keep transparency ticked and set the width to about twice the size at which the logo is displayed, for example 400 px for a logo shown at 200 px.

Other tools and guides

By Artichaut de Paris