Poly-FLIF demo

The images shown below are decoded FLIF images. You need Javascript enabled to see them.

Read about the API, or checkout the interactive demo.

Still Image

Background Image

Checkout the background image!

Animation

Partial load and decode

This option will request the (HTTP) server to send a partial bytestream, and then decode the specified number of bytes.

Tip: To determine the optimal number of bytes to decode, use the CLI tool with the -b option.

Still Image (data loaded 16%)

Background Image (data loaded 17%)

Checkout the background image!

Animation (data loaded 31%)

Scale

Good for creating thumbnails. Note that, when only this option is specified, polyFLIF loads the entire bytestream but decodes partially (sufficient enough to decode luminance values losslessly, while chroma values are subsampled).

To load partially, combine it with the partial load option, as demonstrated in the next section.

Still Image (dimensions halved)

Animation (dimensions halved)

Scale + Partial load

Great for creating thumbnails

Tip: To determine the optimal number of bytes to decode, use the CLI tool with the -b option.

Still Image (dimensions halved, data 16%)

Animation (dimensions halved, data ~50%)