Comments on: Base64 Encoded Images Embedded in HTML

By: vivek yadav

vivek yadav — Tue, 22 Jan 2008 05:15:56 +0000

can someone tell me how to insert a base64 encoded image in css? something like this?

div style=”
background-image:url(”data:image/jpg;base64,—base64data—”);
“

By: Hamali Studenti

Hamali Studenti — Mon, 07 Jan 2008 12:14:05 +0000

I would say yes to that question. Seems that simply converting the JPG to XBM solves the problem for IE*.

By: LXj

LXj — Sun, 18 Jun 2006 21:37:40 +0000

Looks like it works well in Opera 9

By: Steve Break

Steve Break — Thu, 09 Feb 2006 14:08:02 +0000

I was doing this back in the year 2000&1, for specialized purposes. I never came across the XBM. I still use this, actually.

IE and MS are annoying to work with in general.

Phi Tran, do you just convert the image from JPG to XBM and then it works in base64?

You seemed to say requires multiple XBM or some ‘Gradient’ so that it can work???

I realize in other places you said that you don’t want to say too much about your hard work, but give me a general idea please. Is it as simple as converting to XBM?

By: Phi Tran

Phi Tran — Mon, 23 Jan 2006 04:46:28 +0000

We have found a workround for IE. When we translate the image into XBM files.

Each XBM file I use mask and other color filter such as alpha gradient to create exortic bitmaps images use XBM file only.

Thanks. There is a lot of example in MS filter code.
specially the maske and the gradient. Just copy the ‘ShowMe” code then replace it div element by your own IMG element with your own img element to experience what XBM can do.

WE HAVE DONE, TESTED AND IT WORKS.

Thanks.

Phi

By: Jayram Krishnaswamy

Jayram Krishnaswamy — Fri, 09 Dec 2005 01:16:54 +0000

The image shows up as an udnerscore in IE, but in FireFox you see a nice image.

My question is this:

The responseBody returned by a request to a Web Server needs to be retrived to show the image that it represents. What is the best way?
Is there a Javascript function that does it?

By: Luiz Angelo Daros de Luca

Luiz Angelo Daros de Luca — Thu, 03 Nov 2005 06:01:11 +0000

Hello,

I did a workarround to it in IE using php. I translate HTML+base64 in a Mime Digest. Take a look at

http://www.lsc.ufsc.br/~luizd/base64-to-mhtml/workaround.html

By: CK

CK — Sat, 17 Sep 2005 08:25:35 +0000

The stuff is really useful. I translate into Chinese and introduce it in my blog with some of my comments. Thanks for the great work.

By: marky moo

marky moo — Wed, 31 Aug 2005 13:03:06 +0000

I have a feeling there is a size limit for URLs, but can’t remember what it is off hand. Have you tried it with a small image, just to check you can get the script working?

What browser are you using?

By: Albert Källhag

Albert Källhag — Wed, 31 Aug 2005 12:04:25 +0000

Hi
Your example works great, but when I try do do it with another picture encoded in base64 I doesn’t get it to work. example:

any clues would be helpful
thanks