A developer explores storing an entire HTML website inside a favicon image by encoding UTF-8 bytes directly into pixel RGB channels. The payload (208 bytes of HTML) fits in a 9x9 PNG image. A JavaScript bootstrap loader reads the favicon via the Canvas API, reconstructs the byte array, and renders the decoded HTML. The post acknowledges this is impractical but explores the concept as a creative boundary-pushing experiment, and also mentions alternative approaches like SVG favicons or PNG metadata chunks.
Table of contents
The ideaBuilding a favicon websiteVery smallReading the website back outThe important catchIs this useful?Alternative approaches9.6K Impressions