How is this different from the Fade-out Generator?

The Fade-out Generator dims every pixel's opacity uniformly and smoothly. This tool instead makes individual pixels drop to full transparency at different, randomly-assigned moments, so the image looks like it's eroding or dissolving away rather than uniformly fading.

Is the disappearance pattern random every time?

No — it's seeded. The same seed value always produces the exact same per-pixel disappearance order, so you can reproduce a specific result or try different seeds until you find a pattern you like.

Does the image ever fully disappear?

Yes, the final frame always has every pixel at zero alpha (fully transparent).

Is the output a real animated file?

Yes, it's a spec-valid APNG built from acTL/fcTL/fdAT chunks with zlib-compressed scanlines, the same encoder used by the Fade-in and Fade-out Generators.

Disappearing PNG Creator - Dissolve a PNG into an APNG Animation

Overview

Introduction

This tool creates a dissolve-style disappearance animation from a single PNG: instead of fading uniformly, individual pixels vanish at different times for a grainy, eroding effect.

Everything runs locally in your browser, from assigning random thresholds to compressing and packaging the final APNG file.

What Is Disappearing PNG Creator?

A client-side APNG generator that gives every pixel in the source image a random 'disappearance threshold' (via a seeded pseudo-random number generator) between 0 and 1.

As frame progress advances from 0 to 1 across the animation, any pixel whose threshold has been passed drops to zero alpha, so more and more of the image disappears frame by frame.

How Disappearing PNG Creator Works

A seeded mulberry32 PRNG assigns a fixed random number to every pixel position once, up front, so the same pixels always disappear at the same relative point in the animation for a given seed.

Each output frame clones the source image and zeroes the alpha channel of every pixel whose threshold is below that frame's progress value, then hands the full frame sequence to the same APNG chunk encoder used elsewhere in this category.

When To Use Disappearing PNG Creator

Use it for a stylized 'vanishing' or 'disintegrating' effect on a logo, character sprite, or graphic element.

It's a more textured alternative to a plain opacity fade when you want the disappearance to look organic rather than uniform.

Often used alongside PNG Fade-out Generator, PNG Fade-in Generator and PNG Transparency Checker.

Features

Advantages

Produces a distinctive dissolve look that a simple opacity fade can't replicate.
Fully deterministic and reproducible via the seed value.
Outputs a real, spec-valid APNG file that plays natively in supporting viewers.

Limitations

Every pixel's disappearance timing is independent and random, so there's no control over dissolving in a specific direction or pattern (e.g. left-to-right).
Frame count is capped at 60, and every frame stores its own full compressed pixel data, so file size grows with frame count.

Examples

Dissolve a logo away

Input

A 200x200 logo PNG, 12 frames, seed 42

Output

A looping APNG where the logo erodes into transparency over 12 frames

Each pixel's random threshold determines which frame it disappears in, creating a scattered dissolve pattern.

Reproduce the same dissolve pattern later

Input

The same image and frame count with seed 42 again

Output

An identical dissolve animation, pixel-for-pixel

The PRNG is seeded, so the same inputs always produce the same disappearance order.

Best Practices & Notes

Best Practices

Increase frame count for a smoother, more gradual dissolve on larger images.
Try a few different seed values if the first dissolve pattern looks too clustered or uneven.

Developer Notes

This lib file imports the encodeApng chunk encoder from png-fade-in-generator.ts rather than re-implementing APNG packaging, and follows the same local mulberry32 PRNG pattern already used by the Glitch PNG Creator and PNG Noise Adder for reproducible randomness.

Disappearing PNG Creator Use Cases

A stylized disintegration effect for a character or logo
A 'deleted' or 'removed' visual cue in a UI mockup
An artistic dissolve transition between two design states

Common Mistakes

Expecting a directional wipe or dissolve pattern — this tool disperses disappearance randomly across the whole image, not along an edge.
Using a very low frame count, which can make the dissolve look like a few large chunks disappearing rather than a fine-grained effect.

Tips

Use a higher-resolution source image for a finer-grained, more granular dissolve texture.
Pair with the Fade-out Generator on a different layer for a combined dissolve + fade look.

Disappearing PNG Creator