

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.
- Upload your PNG file.
- Set WebP quality, or turn on Lossless mode.
- Select Convert to WebP and read the size badge.
- 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.
Choosing between WebP, JPG and 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
5 settings
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
Related tools for PNG to WebP
Tools for common next steps after PNG to WebP.
Image Conversion
WebP to PNG
Convert WebP images to PNG while retaining supported transparency.
Try it nowImage Conversion
JPG to WebP
Convert JPG images to WebP and adjust quality to balance detail and file size.
Try it nowImage Conversion
PNG to JPG
Convert a PNG to JPG and adjust export quality to balance clarity and file size.
Try it nowFrequently 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.
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.
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.
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.
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.
Guides for this tool
Watch each transformation land
Every photo crosses the slash untouched and comes out the other side finished.


























