Fork me on GitHub

Animated FLIF

FLIF can also encode animations. This page uses APNG images, if you browser does not support that, the images will not move. Consider the following animation from the Mozilla Animated PNG demo page:

Spinning Firefox logo
  • 2,190,400 bytes for uncompressed RGBA
  • 613,321 bytes for the original APNG file
  • 602,471 bytes for 25 separate PNG files (one per frame)
  • 575,028 bytes for APNG with Zopfli compression
  • 411,759 bytes for FLIF
  • 407,365 bytes for lossless BPG
  • 386,168 bytes for FLIF without interlacing

Just like with static images, animated FLIF files can be decoded progressively: the entire animation can be shown (at a lower quality) before the entire file is downloaded. By contrast, a partial APNG file contains only the first frames, and the entire file has to be downloaded before the animation loop is complete.

Partially loaded FLIF
(58,413 first bytes, 14.2%)
Partially loaded FLIF
(135,429 first bytes, 32.9%)
Partially loaded FLIF
(214,950 first bytes, 52.2%)
Demo image Demo image Demo image
Partially loaded APNG
(86,254 first bytes, 15%)
Partially loaded APNG
(189,759 first bytes, 33%)
Partially loaded APNG
(304,764 first bytes, 53%)
Demo image Demo image Demo image