Html - embed image directly in html (old school style)

html image embed
Stephane Grenier picture Stephane Grenier · Jan 4, 2010 · Viewed 35.1k times · Source

I know you can embed images in html today with:

<IMG SRC="data:image/gif;base64,RAAA...more data.....">

But back in the day, when Netscape was a browser to implement for, there was another way of doing this. I can't remember.

Any suggestions would be appreciated.

Answer

AlexV picture AlexV · Jan 4, 2010

I don't know any other way specific to Netscape (RIP) and a quick search showed me that "IMG SRC=data:" has been supported by Netscape already in 2003.

I found out some IE specific tags that look like yours, but never used them (not sure it will help):

<img datasrc="bar" datafld="foo">

Some more info on embeded images in sources here (can help readers unfamiliar with this topic): http://www.websiteoptimization.com/speed/tweak/inline-images/

Here is a way to use "IMG SRC=data:" under IE6: http://web.archive.org/web/20080702001125/http://ddzoom.net/jsimages/out.htm

Related questions

Can I embed a .png image into an html page?

How can I embed a .png file into a blank "file.html" so that when you open that file in any browser you see that image? In this scenario the image file is not linked to from the HTML but …

Read More
How to embed images in a single HTML / PHP file?

I am creating a lightweight, single-file database administration tool and I would like to bundle some small icons with it. What is the best way to embed images in a HTML/PHP file? I know a method using PHP where …

Read More
How do I auto-resize an image to fit a 'div' container?

How do you auto-resize a large image so that it will fit into a smaller width div container whilst maintaining its width:height ratio? Example: stackoverflow.com - when an image is inserted onto the editor panel and the image …

Read More