Skip to main content
IMAGEEE logo
PNG / APNG to WebP

PNG to WebP Converter Online - Lossless or Compressed

Upload static PNG graphics and create WebP files without leaving this page. Choose lossless, balanced, smaller-file, or custom quality, preserve transparency by default, and compare the result before download.

Preserve APNG animation in WebP
Upload PNG files
This page accepts PNG input and always creates WebP output.
5 files100MB total52MP max
Batch: up to 5 files / 100MB total. Max 52MP each.
Images are uploaded to IMAGEEE servers for processing.
Supported extensions (expand/search)

Supports many aliases including jpeg.

Input extensions

File list
Original
Select a file.
Output
No output yet.
Download

PNG to WebP settings

Convert PNG to WebP, preview the result, and download here.
Output format
Fixed output: WebP (.webp) This page always creates WebP files. Open the full converter for another output format.
Compression
82
Balanced uses lossy quality 82 with medium encoder effort.
Transparency
WebP supports transparency. Enable this only when you intentionally want an opaque background.
Background
#ffffff
Background options are used only when “Strip alpha” is enabled.
Ready

Convert PNG pictures to WebP

Create WebP copies of static PNG photos, screenshots or transparent graphics. Choose how to encode the image, compare the result and its file size, then download the WebP.

How to convert PNG to WebP

  1. Choose Add files and select your static PNG images. This page creates WebP output.
  2. Choose Lossless to avoid lossy WebP encoding, Balanced for the default quality 82, Smaller for quality 68, or Custom to set a lossy quality from 1 to 100.
  3. Leave Strip alpha off to keep transparency. For an opaque image, enable it and choose White, Black, Blur or a custom background.
  4. Choose Run Convert, compare the original and result, then download a completed file or use Download Batch ZIP. Check the actual file size and fine edges before using the WebP.

Practical PNG to WebP scenarios

Reduce transparent site assets for modern delivery

A frontend team can test WebP copies of transparent PNG product cutouts, icons, or interface graphics. Compare alpha edges over the real page background and verify that the size saving remains worthwhile at the chosen quality.

Optimize static graphics for a confirmed CDN path

WebP can lower payload for screenshots and flat-color assets, but the best setting depends on edge detail and downstream recompression. If the PNG is animated APNG, first confirm the intended still or animation behavior rather than assuming one preview represents every frame.

Choose a WebP result that fits your task

Choose Lossless for graphics you want to keep sharp

Try Lossless for lettering, icons and diagrams when avoiding the WebP lossy encoding step matters more than the smallest file. The output is still a new WebP file and may be larger than the PNG.

Compare Balanced and Smaller for photos

Balanced starts at quality 82. Smaller uses quality 68 and can lose more detail. Compare faces, gradients and small text at the size where the image will be used; keep the result that gives an acceptable size and appearance.

Use Custom when you need another lossy setting

Select Custom to enable the quality slider from 1 to 100. A higher value does not guarantee a smaller file or restore missing detail. Custom 100 is not the Lossless mode.

Check the result before replacing the original

Inspect small letters, icon edges and semi-transparent areas in the result. If a lossy mode makes those details unsuitable, try Lossless from the original PNG. Check whether the receiving app accepts WebP before replacing the PNG.

Compare the actual PNG and WebP file sizes. Conversion can produce a larger file, especially with Lossless. Keep the original PNG so you can make another export without repeatedly converting an already compressed result.

Related routes

PNG to WebP FAQ

Which PNG to WebP mode should I choose?

Try Lossless when avoiding lossy WebP encoding is important for text or graphics. Balanced uses quality 82, Smaller uses quality 68, and Custom lets you set lossy quality from 1 to 100. Compare the finished file rather than assuming one mode is best for every PNG.

Does Custom quality 100 mean Lossless?

No. Custom controls lossy WebP quality. Select the separate Lossless mode to avoid that lossy encoding step. Neither mode restores detail missing from the source or keeps the original PNG file bytes.

Can I keep the transparent PNG background?

Yes. Leave Strip alpha off to retain the decoded transparency in WebP. Enabling Strip alpha replaces transparent areas with the selected background. Inspect soft or semi-transparent edges in the result.

Why is the WebP larger than my PNG?

Size depends on the image and encoding mode. A simple PNG can already be compact, and Lossless WebP can be larger. Compare actual bytes and use the PNG if a WebP copy gives no useful saving or is not accepted by the receiving app.

What should I use for an animated APNG?

This guidance is for static PNG images. Use the dedicated APNG to WebP page linked above when animation is your task, and check playback there before replacing the animated source.