Using the Browser’s `<canvas>` for Data Compression
Summary
This article presents a browser-side data compression trick that uses a canvas to compress arbitrary data by encoding it into PNG pixel data. It provides working JavaScript functions for compressing and decompressing data, plus a demo and notes on cross-browser caveats. The approach is clever for front-end state encoding and URL-based storage when server-side compression APIs are not available.