How to use this page
- Choose a PNG image.
- Set a WebP quality and convert locally.
- Check transparency on a contrasting preview and download the WebP.
Worked example: a transparent PNG icon for a marketing site
Convert the PNG to WebP, place it on both a light and a dark background in your layout, and confirm the alpha edge. If the CMS strips alpha, stay on PNG or use a flattened JPG on a matching colour.
What this job is for
Keep the PNG as the design master. Use WebP only as the shipped asset. If a tool cannot open WebP, convert back with the WebP-to-PNG page.
Useful limits
Photographic PNGs become large WebPs if you set quality too high; try a lower quality and compare.
The live tool behind this page is PNG to WebP. It is the same local engine as the rest of Image Cosmos.
Frequently asked questions
Does WebP always keep PNG transparency?
This browser’s encoder is used. Preview the alpha before you delete the PNG.
Should logos live only as WebP?
No. Keep a PNG or vector master.
Upload?
No.