A photo and its PNG to WebP result, which looks the same, with both file formats shown.
PNG to WebP Converter — Convert PNG to WebP Free Online — PNG to WebP converter that keeps transparency with a lossless option — Processed output
PNG to WebP Converter — Convert PNG to WebP Free Online — PNG to WebP converter that keeps transparency with a lossless option — Source
PNG to WebP

PNG to WebP Converter — Convert PNG to WebP Free Online

PNG keeps your transparency and wrecks your page speed. Convert PNG to WebP and keep both — see the size difference before you download.

  • Keep the transparent background, lose the file weight
  • Lossy or lossless WebP — compare the file sizes side by side
  • Convert one image or a full batch in one run

Drop a PNG here to create a WebP file

How to convert PNG to WebP and keep the transparent background

This PNG to WebP converter re-saves a PNG as a WebP file that is usually lighter, with transparent areas left intact. Choose a quality level or switch on Lossless mode, convert, and read the size shown on the preview before you download. It is a quick way to trim logos, icons, screenshots and product graphics for faster web pages, and a single file converts free.

Convert a PNG to WebP step by step

To convert PNG to WebP online, upload the file and pick a setting. After you select Convert to WebP, the preview shows the new file with its size in KB in a corner badge, so you can compare it with the PNG in your file manager. Every change to the quality slider or the Lossless mode toggle clears the result, so convert again to see the effect of a new setting.

  1. Upload your PNG file.
  2. Set WebP quality, or turn on Lossless mode.
  3. Select Convert to WebP and read the size badge.
  4. Select See result, then Download.

Choose lossy or lossless for the WebP

With Lossless mode off, WebP quality runs from 20 to 100 and starts at 90, trading a little detail for a smaller file. It suits photos and softly shaded artwork. With Lossless mode on, the slider is disabled and every pixel is stored exactly, which suits logos, flat icons and screenshots with sharp text. A lossless WebP is larger than a lossy one, but it is often still smaller than the PNG, so the page doubles as a PNG to WebP compressor.

Check transparency before you publish

WebP stores the same transparent and semi-transparent pixels as PNG, so cut-outs and soft shadows carry over. The Transparency preview control switches the preview between a checkerboard Grid and the plain Website surface. It changes only what you see, not the file. Look at the edges on both before you upload the WebP to a site with a dark or colored background.

Convert many PNG files to WebP at once

Several PNG files can share one quality or Lossless setting in Batch. It is a Premium feature, and the WebP files download together as one ZIP. Without Premium, convert one image at a time and keep an eye on the size badge for each.

Where WebP may not be accepted

Current browsers display WebP, but some older editors, email programs and upload forms still refuse it. When a destination rejects the file, flatten the PNG onto a solid background as a JPG or keep the PNG. Photos that started as JPG can go straight to WebP with a quality slider, and a WebP you cannot open can be turned back into a transparent PNG.

Photos that started life as JPG can be converted to WebP with a quality slider, and a WebP that someone cannot open goes back through WebP to PNG with transparency kept. For an upload form that only lists JPG, flatten the PNG onto a solid background as a JPG.

What you can do with PNG to WebP

Review the main capabilities before you begin.

  • Convert PNG images to modern WebP
  • Cut file size 60-80% while keeping transparency
  • Serve lighter graphics for faster page loads
  • Choose lossless mode to preserve exact detail
  • Adjust WebP quality for the right size tradeoff
  • Batch-convert many PNGs in a single pass

Settings reference

Available controls for PNG to WebP.

Settings

Output formatDropdown
Chooses the file type you download. The page opens on its own output format; switch to any other format before converting.Options: JPGPNGWebPAVIFGIFTIFFBMPICOPDF
QualitySliderRange: 20–100 · Default: 90
For JPG, WebP, AVIF and image-to-PDF output: higher keeps more detail but makes a bigger file; 60–80 suits most photos. Documents (Publisher, XPS, EPS…) become PDFs with every page and sharp text, with no quality setting.
Lossless modeOn / Off
For WebP and AVIF output: keeps every pixel exactly (best for logos, graphics and transparency) at the cost of a larger file.
Background fillColor picker
For JPG, BMP and image-to-PDF output, which can't store transparency: the color that fills transparent areas (white by default).

Mode

Single file / BatchDropdown
Process one file or a batch with shared settings. Batch results download as one ZIP.Options: Single fileBatch

Popular use cases

Free to use · No signup required · Without watermarkUploads are encrypted in transitRemoved under our retention policy

Frequently Asked Questions

How PNG to WebP helps you get it done

Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start.

For Developers

Faster Icon & UI Asset Sets

Convert transparent PNG icon sprites and UI assets to WebP to cut page weight while keeping every transparent pixel intact, speeding up app and dashboard load times.

For E-commerce

Storefront Product Image Optimization

Shopify and WooCommerce sellers can convert transparent PNG product cutouts to WebP with the quality slider to pass PageSpeed and Core Web Vitals checks required by modern storefront themes.

On Mobile

App Store Screenshot Compression

Shrink PNG app screenshots and press-kit mockups into small WebP files for app store listing pages and media kits, using Lossless mode when text overlays need to stay perfectly crisp.

Web & SEO

Blog & CMS Featured Image Optimization

Bloggers and content teams on WordPress, Ghost or other CMS platforms convert PNG featured and header images to WebP with the quality slider to pass PageSpeed Insights and Core Web Vitals audits that increasingly penalize unoptimized PNGs.

Watch each transformation land

Every photo crosses the slash untouched and comes out the other side finished.