1 views collected around this technical thread.
APNG, a high‑quality animated PNG format offering 24‑bit color and 8‑bit alpha transparency, outperforms GIF in visual fidelity and file size, and on Android can be parsed and rendered via MappedByteBuffer and SurfaceView using background threads to load frames from memory, eliminating I/O lag and UI blocking.
The article explores how Qixiu’s PC web client evolved gift‑animation formats—from Flash and APNG to a custom IXD and dual‑MP4 with alpha channel—optimizing file size, loading speed, and rendering performance via Canvas and WebGL, ultimately choosing the MP4 solution for quality, efficiency, and designer friendliness.
The article explains APNG’s file structure and decoding process, then demonstrates how to render animated PNGs on the web using both Canvas 2D (with drawImage, clearRect, getImageData, putImageData) and WebGL (via multiple textures and custom disposal/blending handling) for efficient, controllable animation playback.
This article explains how to reverse a clockwise‑rotating Firefox logo animation by understanding the APNG file format, identifying frame chunks, and rewriting the binary data with JavaScript to play the frames in reverse order.
The article defines dynamic image formats, traces their history from GIF to WebP, compares GIF, APNG and WebP features and Android decoding performance, showing WebP offers smaller files and faster loading at higher CPU cost, while GIF remains most compatible and CPU‑efficient.