One thing that has always bothered me about the web is that pixel art is rather hard to display in a vector format—especially for animations.
Furthermore, most pixel art is stored within PNG or GIF files, both non-scalable which further complicates things.
To address this, I built a lightweight JavaScript library (~3kb) designed to render both static and animated scalable pixel art—directly in the browser.
A Python script loads any pixel art image—encoding the pixel data and generating a color map. This script then compresses the data using run-length encoding (RLE), and delta frame compression. The JavaScript library decodes and dynamically renders the JSON contents, only updating the pixels that change between frames.
The resulting animations are fully scalable, and when gzipped, are smaller than their non-scalable counterparts.