AI Generated Image
When A Favicon Becomes The Entire Website
Hackaday • • technology
Key Points:
- Tim Wehrle created a project that hides a HTML-based website within a favicon image, which is then rendered in the browser after the favicon downloads.
- The method involves converting a basic HTML page into UTF-8 encoded bytes and embedding them as a standard PNG image within the favicon.
- The example used a 9x9 pixel favicon to store a 208-byte payload plus a 4-byte PNG header, demonstrating how more data could be hidden in larger favicons.
- A separate Typescript code is required to unpack the hidden bytes from the image and render the website content.
- This approach offers a minimalist alternative to complex websites, showing creative use of small data storage in unexpected places.
