My Tool Studio
Image

PNG to WebP Converter

This PNG to WebP converter turns PNG images into much lighter WebP files in your browser, with transparency kept. It is aimed at web work: hero illustrations, screenshots, UI art and product cut-outs that were exported as PNG and now slow your pages down. Drop in one file or a whole assets folder, set the quality with a preset or the exact slider, and optionally cap the width. The page also accepts JPG, GIF, AVIF and BMP files, so you can turn a mixed folder into WebP in one pass. Each file shows its old and new size, a summary shows the total saving, and a batch downloads as one ZIP. Nothing is uploaded, which matters for client work under NDA.

Always freeNo sign upRuns in your browser
Bulk supported. Add several files and they are processed in a queue with one ZIP download. The same settings apply to every file, and nothing leaves your device.

How to use

01

Drop in your images

Add PNG files, or JPG, GIF, AVIF and BMP files too, up to 50 MB each. You can also pick a whole folder or paste from the clipboard. Several files start bulk mode automatically.

02

Set quality and width

WebP is preselected. Choose High (90), Medium (75) or Low (50), or type an exact value; use 90 or more for graphics with text. Enter a Max width or height to scale large images down.

03

Convert and download

Press Convert to WebP. Each file shows its before and after size, a summary shows the total saving, and batches download as converted-webp.zip.

Why PNG to WebP Converter

What converts well to WebP, and what to leave as PNG

WebP helps most with large images that are shown on a website. Use the before and after sizes as your guide: if a file barely shrinks, keep the PNG.

  • Convert: hero illustrations, blog graphics and screenshots over about 100 KB. They often shrink a lot at quality 85 to 90.
  • Convert: product cut-outs with transparent backgrounds, since WebP keeps the transparency and is far smaller than PNG.
  • Test first: logos and UI with thin lines or small text. Use quality 90 or more and zoom in on the result.
  • Leave as PNG: tiny icons, sprites and pixel art, where the saving is small and exact pixels matter.
  • Leave as PNG: master files you will edit again. Keep them and publish the WebP copy.

Common questions

Does PNG transparency survive conversion to WebP?
Yes. WebP stores an alpha channel, and the converter keeps it, including partly transparent pixels such as soft shadows and smooth edges. Only a JPG export would flatten them onto a solid colour.
Is the WebP from this PNG to WebP tool lossless?
No, it uses the browser's lossy WebP encoder with your quality setting. At 90 or above the difference is very hard to see for most graphics. Keep your PNG masters if you need pixel-exact archives.
What quality should I use for PNG graphics in WebP?
Use 90 or more for logos, UI screenshots and anything with small text or sharp lines. Illustrations and photos saved as PNG usually look fine at 75 to 85. Check the before and after panel on one file before converting the batch.
Can I convert JPG and GIF files to WebP on this page?
Yes. The upload area accepts PNG, JPG, GIF, AVIF and BMP, so a mixed folder can go through in one batch. Animated GIFs are saved as a still WebP of their first frame, and a notice lists them.
Should tiny PNG icons be converted to WebP too?
Usually it is not worth it. Below a few KB the saving is small, and lossy encoding can soften one-pixel edges. Spend the effort on large illustrations and screenshots instead.
Can I convert a whole assets folder from PNG to WebP?
Yes. Select all the files and drop them in together. They are processed in order, a summary shows the total saving, and Download all saves them in one ZIP with the original names and a .webp extension.
Why does my gradient show bands after WebP conversion?
Low quality settings turn smooth gradients into visible steps. Raise the quality to 90 or more and the banding usually disappears while the file stays well below the PNG size.
How do I turn a WebP back into a PNG?
Use the WebP to PNG converter on this site. You get a lossless PNG of the WebP pixels, but any detail the lossy encoder removed stays lost, so keep your source PNG files.

More Image tools

View all