Convert APNG to WEBP Online

Convert APNG to WebP Online

Turn an animated PNG into a WebP image with the transparency intact. Worth knowing before you start: this converter produces a still WebP built from the first frame of your animation, not an animated one — it is the fast way to get a lightweight, alpha-preserving poster frame or thumbnail out of an APNG. If the motion has to survive, APNG to GIF keeps it as a looping image and APNG to WebM turns it into video; if you only want the same animation to weigh less, run it through the APNG compressor instead.

How to Convert APNG to WebP

1. Upload Your APNG File: Drag and drop the file onto the page or click "Add Files". Both .apng and animated .png are accepted, and several files can be queued in one batch.
2. Set the Quality Preset: Under Image Compression, Quality Preset starts at Very High (Recommended). Step it down for a smaller file, or switch to Specific file size if you are working to a byte budget rather than to a look — the percentage-based quality and size modes don't appear on this convert page.
3. Choose Lossless and Image resolution: Lossless? is set to No (Recommended), which uses WebP's lossy mode; flip it to Yes for a pixel-exact copy of the frame. Image resolution stays on Keep original unless you pick a preset, a percentage, or an exact Width × Height.
4. Convert and Download: Click Convert and save the .webp. Uploads travel over an encrypted connection, run on our servers, and are deleted automatically after a few hours — no sign-up, no watermark.

APNG vs WebP at a Glance

Lossy or Lossless WebP?

When a Still WebP Is the Right Output

• Poster frames. A <video> element's poster attribute and most CMS thumbnail fields want a single image, not an animation.
• Previews and open-graph images. Social scrapers, link unfurlers, and search result thumbnails render one static frame anyway.
• Design assets. Pulling the opening frame out of an animation as a transparent, editable image is a common step before dropping it into a layout.
• Weight. A single alpha-preserving WebP frame is a fraction of the multi-megabyte APNG it came from — useful where the animation was never the point.

Frequently Asked Questions

Why is my WebP a still image instead of an animation?

Because this page runs the still-image pipeline: the file is handed to libvips, which decodes the first page of an animated PNG and writes it out as a single WebP frame. The WebP format itself can hold animation, but this conversion does not produce one. For a result that still moves, use APNG to GIF, which keeps every frame, or convert to video with APNG to WebM or APNG to MP4.

Does the WebP keep the transparent background?

Yes. WebP carries a full 8-bit alpha channel in both its lossy and its lossless mode, and the conversion preserves it — there is no flattening step and no matte colour applied. That is the main reason to choose WebP over JPEG for a frame lifted out of an APNG: APNG to JPG would have to composite the transparency onto a solid colour.

Which frame of the animation do I get?

The first one. There is no frame picker on this page. If you need a specific frame — say the last one, or the moment the animation lands — convert the APNG to video with APNG to MP4 and then use MP4 to PNG, whose Frame Selection control can grab a specific time or capture multiple screenshots.

Should I turn Lossless on?

Turn it on for flat graphics: logos, icons, UI elements, line art, and anything with hard edges or large areas of identical colour, where lossy encoding can smear edges and lossless still compresses very well. Leave it off for photographic or gradient-heavy frames, where lossy WebP is dramatically smaller for a difference you will not see. Google's own figures put lossless WebP at roughly 26% smaller than an equivalent PNG, so even the lossless path is usually a saving over exporting the frame as PNG.

How much smaller is the WebP than my APNG?

Comparing a one-frame WebP with a multi-frame APNG is not really apples to apples — you are dropping every frame but the first, so the file will normally be a fraction of the original regardless of settings. The meaningful comparison is against exporting that same frame as PNG, where lossless WebP is about 26% smaller by Google's measurement, and lossy WebP considerably smaller again.

Why does the lossy WebP look slightly soft on sharp edges?

Lossy WebP encodes colour in 8-bit 4:2:0 — the chroma planes are stored at half resolution, exactly as in JPEG — so hard, saturated edges such as red text on white can pick up a faint fringe. Raise the Quality Preset, or set Lossless? to Yes, and the artefacts disappear. Flat UI animation is the usual case where lossless is the better answer.

Can every browser display the WebP I download?

Effectively yes: WebP support sits at about 96% of global browser usage — Chrome from 32, Firefox from 65, Edge from 18, and Safari from 16, with Safari 14 to 15.6 offering partial support. Internet Explorer never supported it. That is close to identical coverage to APNG, so switching format costs you no reach.

What happens to my uploaded APNG file after the conversion?

It is uploaded over an encrypted (TLS) connection, converted on our servers, and deleted automatically after a few hours. There is no sign-up, no watermark, and files are never shared or made public. To go the other way, WebP to APNG builds an animation from images; to shrink a WebP you already have, use the WebP compressor.