next »

[Mop (Gb)]

Embeding images in html files.

Go to: http://www.motobit.com/util/base64-decoder-encoder.asp
and use the 'select a file to convert to a base64 string.' then hit 'Convert the source data'.

Once the page loads, you will get a bunch of gibberish in the text box. On your html page, put:

Code:

<image src="data:image/jpg;base64,CODE FROM ABOVE">

Be sure to replace 'jpg' in the above code with the original format of the image! (bmp, gif, png, etc)

Example: http://mop.110mb.com/test.htm

Why is this usefull? If you embed images on your site, people cannot hotlink to your image on their site! (Make the image appear on their site but its hosted off your site). Saves your bandwith

[madkatz]

The only problem I see with this method is that it you want to go threw and edit your HTML by hand it makes it nearly imposable to tell the difference between Images and it makes it extremely long.

[inp o҉rtb]

... but it makes it handy for when you want to distribute everything as just one html file (you can zip everything up, but it's not nearly as portable)...

however, i don't believe internet explorer supports base64 encoded image strings. you can always use javascript and css, detect ie, and make the server decode the image.