The best way to lighten a PNG
PNG is excellent for logos, icons and images with a transparent background, but it produces heavy files. WebP offers the best of both worlds: it supports transparency just like PNG and compresses like JPG. In practice, a PNG converted to WebP is usually 60% to 80% smaller and looks practically the same.
For a website or online store with lots of images, that saving means shorter load times, better PageSpeed scores and a better experience on phones with limited data.
How to convert PNG to WebP step by step
- Select your PNG files, drag them or paste them with Ctrl + V.
- Adjust the quality. 80% to 90% is ideal for graphics with transparency.
- Check the saving for each image.
- Download the WebPs or the whole batch in a ZIP.
Who is it for?
- Online store owners with background-free product photos.
- Designers and developers optimizing assets for the web.
- Blogs and sites on WordPress, Shopify or Wix that want to load faster.
- Anyone who needs to share illustrations or stickers with transparency in little space.
Compatibility
Every modern browser displays WebP, including Chrome, Safari, Edge and Firefox, on desktop and mobile. Some older desktop programs or official forms still don't accept it; for those cases, keep your original PNG as a backup.
If you use an old browser that can't create WebP, Dorfic will show you a clear message. In that case, update your browser or use Chrome, Edge or Firefox.
Optimization tips
Before converting, check the size each image will be displayed at. A logo shown 200 pixels wide doesn't need to be 2000 pixels. Resizing first and converting afterwards multiplies the saving. For images with very thin edges or small text, raise the quality to 90% to keep outlines clean.
Privacy
The conversion happens in your browser and your files are never uploaded to the internet. You can process up to 50 images per batch, up to 50 MB each.
How to use your WebPs on a website
Once converted, upload them to your content management system like any image. If you build your own site, you can use the picture element to serve WebP to modern browsers and keep the PNG as a fallback. It's also a good idea to set each image's width and height in the HTML to avoid layout shifts while the page loads.
Remember that load speed affects your visitors' experience and how Google evaluates your site. Converting your PNGs to WebP is one of the simplest and most effective improvements you can make, especially for online stores with lots of product photos.
When WebP isn't the best choice
If you're going to send the image to an institution, print it or edit it in an older program, stick with PNG or JPG: they're more compatible. WebP shines on the web, where every kilobyte counts, but it isn't always the best option for exchanging files.
Frequently asked questions
Yes. WebP supports transparency, so your transparent backgrounds are kept.
Usually 60% to 80% smaller than the original PNG, depending on the image and the chosen quality.
80% to 90% for logos and illustrations; for product photos, 85% is a good starting point.
Yes, both platforms accept WebP natively.
No. Everything is processed on your device.