badlo
WEBPPNG screenshots and graphics can be surprisingly heavy. Converting to WEBP often cuts the file size a lot, so your site has less to load.
How to use the PNG to WEBP Converter
- Upload your PNG.
- Press WEBP to convert it.
- Use the smaller file on your site.
What to expect
Big savings on graphics
Large PNG files often have the most to gain from WEBP.
Made for the web
WEBP displays in all current major browsers.
Faster pages
Lighter images help pages appear sooner, especially on phones.
Why PNG images slow pages down
PNG is a lossless format, so every pixel is stored. For a small logo, that is fine. For a full-width screenshot or banner, it can mean megabytes of data on each page view. WEBP was built for the web, and it often stores the same picture in much less space.
- Screenshots in documentation and tutorials.
- Banners and marketing graphics.
- Illustrations and diagrams on a blog.
- Product images with plain backgrounds.
PNG, WEBP and AVIF for the web
For AVIF, use the image converter.
| PNG | WEBP | AVIF | |
|---|---|---|---|
| Typical file size | Largest | Smaller | Often smallest |
| Transparency | Yes | Yes | Yes |
| Browser support | Universal | All current browsers | All current browsers |
| Best for | Editing and master copies | Most website images | Pages where every byte counts |
How we save your file
This converter uses quality 90 lossy WEBP, which gives good savings for most images. Because it is lossy, very fine details can change slightly, so zoom in on anything with small text. Check any see-through areas too. The width and height stay the same as your PNG.
A simple process for lighter pages
- Keep your original PNG as a master copy for later edits.
- Resize the image to the largest size it will actually be displayed at.
- Convert it to WEBP here.
- Upload it and describe the picture in its alt text.
- Test the page on a phone to confirm it loads quickly and looks right.
Related tools
JPG to WEBP does the same for photos. PNG to JPG gives you a smaller file when you don't need transparency and want something that works everywhere. You can browse every format on the image tools page.
If your WEBP isn't what you expected
| What you see | Likely cause | What to do |
|---|---|---|
| Soft edges on small text | Lossy compression affects fine detail | Keep the PNG for that image |
| A rough edge around transparency | Soft edges are compressed too | Check on your real page background |
| A bigger file | Very small, simple images may not benefit | Keep the PNG |
| An error when converting | A damaged or unusual file | Open and re-save the image, then try again |
Which PNGs to convert first
Look for the largest image files on your busiest pages, as these usually offer the biggest gains. Full-width banners, large screenshots and photos that were mistakenly saved as PNG are good places to start. Small icons rarely matter much. For logos and icons with simple shapes, consider SVG instead, as it stays sharp at any size and is often very small.
- Sort your image folder by size to find the heaviest files.
- Check how each one looks after conversion before replacing it.
- Update image links on your pages, or use a plugin that does this for you.
- Run your page through a speed test, such as PageSpeed Insights, to see the difference.
Screenshots in documentation
Help centers and tutorials often contain lots of large PNG screenshots, and they add up fast. Converting them can help pages load much faster. As screenshots have small text, zoom in and check that it stays readable before you publish. If it looks soft, keep that one as a PNG.
Frequently asked questions
How do I convert PNG to WEBP?
Upload the PNG and press WEBP. The new file is ready to download.
Does WEBP support transparency?
The WEBP format can store transparency, so check the result if your image has see-through areas.
Should I replace every PNG?
For web pages, usually yes. Keep the originals for editing and for apps that don't accept WEBP.
Are my images kept?
Your files are only used for the conversion and are deleted from the server afterwards.
Does WEBP support transparency?
The format does. Preview your result to confirm that it looks right, especially around soft edges.
Is WEBP always smaller than PNG?
Usually for large images, but not guaranteed. Tiny icons may see little or no benefit.
Is this good for logos?
A WEBP is fine on a website, but keep the original PNG or vector file as your master copy.
Can I convert several PNGs at once?
Yes. Select several files and you get a ZIP containing the WEBP files.
Helpful guides
- JPG vs PNG vs WEBP: Which Image Format Should You Use?A plain comparison of quality, file size and transparency, and which to pick for each job.
WEBP