Erik Kastner had create an interesting tool which can hide any image behind some text. You provide the URL of the image and the website will generate the code for you.

When people open the website that contains the generated code, all they see is just few lines of plain text. They can only view the image when they highlight the text.

How it works?

First, get the URL of the image that you want to hide behind the text. Then provide some text for the image. After that, choose the number of colors and the width of your output image. The higher number of colors will make the image look more “real” with the original image, but it will make the generate code longer.

The website actually converts the image to ACSII text and style them with CSS. It only works with Safari and Firefox which support CSS3. I don’t know whether IE7 support it or not, as i don’t have IE7 installed on my computer.

Hide an image in html

Popularity: 12% [?]

If you want to be notified the next time I write something, sign up for Email alerts or subscribe to the Rss feed. Thanks for reading.