Animated PNG Maker

Create APNG animations from multiple images with transparency support.

Tested tool guide Tested browser tools Checked August 16, 2026

What Animated PNG Maker does and how it behaves

Animated PNG Maker takes several images you add in order and encodes them as a single APNG file: one PNG container holding multiple frames instead of one static picture. Each source image becomes a frame, so the animation's look depends entirely on upload order and the delay you set per frame. Because APNG carries a full 8-bit alpha channel, soft or partial transparency in your source PNGs survives the animation intact - this is the thing people are most surprised by, since GIF only supports one hard-edged transparent color per frame, not a gradient fade or anti-aliased edge.

How the result is produced

Frames become chunks, not files

Every uploaded image is written into the output as one animation frame. The file gets an acTL chunk declaring total frame count and loop count, then each frame after the first is preceded by an fcTL control chunk (width, height, offset, delay, dispose and blend mode) and its pixel data in fdAT chunks. The first frame's pixels stay in an ordinary IDAT chunk, so it still renders as a normal PNG in apps that ignore animation.

Alpha channel carried per frame

Unlike GIF, which allows only a single fully-transparent color per frame, PNG stores continuous 8-bit alpha. Whatever transparency exists in each source image - soft fades, semi-transparent overlays, anti-aliased edges - is preserved in that frame rather than collapsed to on/off transparency. Each frame's blend mode then decides whether its transparent pixels let the previous frame show through or overwrite it outright.

Good uses

Turning a short PNG frame sequence exported from a design or animation tool into one self-contained animated file, instead of shipping dozens of separate images plus JS to sequence them
Building a looping icon, badge, or logo animation that needs a genuinely transparent background so it can sit on any page color without a visible box
Converting screenshots or UI-state captures into a small looping demo that keeps crisp, lossless detail that a re-encoded GIF or heavily compressed video would blur or band

Limits and checks

APNG playback support is inconsistent: current Chrome, Firefox, and Safari animate it, but some image viewers, older browser engines, and many chat or CMS upload pipelines only show the first frame - that's the IDAT fallback working as designed, not a broken file, so always test in the actual destination before relying on it
Each frame is compressed largely on its own rather than against the differences between frames the way video codecs do, so a long or high-resolution sequence can produce a file much larger than the same content as a GIF, WebP, or MP4
If your source images differ in pixel dimensions, mismatched frames can end up positioned or cropped differently than expected once composited into one canvas, so it's worth confirming all inputs share the same width and height before uploading

Common questions

Will the animation play everywhere I can post a PNG?

No. Modern desktop and mobile versions of Chrome, Firefox, and Safari animate APNG, but plenty of older browsers, native image viewers, and some upload pipelines will only display the first frame as a static image. That's a safe fallback, not corruption, but you should check the specific place you're publishing to before assuming it will move.

Does converting to APNG lose any transparency or color detail from my images?

No, if your source images are PNGs - APNG is lossless like standard PNG, so pixel colors and alpha transparency carry over exactly. If you feed in a lossy format like JPEG, whatever quality loss already exists in that source stays in the frame; the APNG step itself doesn't add further degradation.

References and verification

The behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.