The Onist

The Onist


Embedding an HTML Page Inside of an Image

A not so useful, but indeed a really cool hack to embed a complete HTML webpage into the metadata of an image.

Here is a pretty cool web/image hack that I haven't seen before. Below is a JPEG image of a squirrel.

On the surface it appears to be a standard image but there is much more going on here. This image is also an HTML page. Here is the markup for the above image:

<img src="" />

Basically the entire HTML for this page is served as metadata from a JPEG image. Here is a more in-depth explanation of what is happening here as I understand it.

Although this technique, rather hack, is not valid HTML5, nor is it extremely useful in real world, it is still really cool!

Share Post
View Comments