Comments on: Base64 Encoded Images Embedded in HTML

By: John

John — Sun, 05 Jun 2011 16:48:28 +0000

can’t you use mhtml? that would overcome most problems with size, but which browsers support it? i know IE6+ does

By: 3ed

3ed — Wed, 19 Nov 2008 12:43:17 +0000

jpg2b64() { echo -n ’src=”data:image/jpg;base64,’; cat $1|base64 –wrap=0; echo “\”" ; }

Usage:
html_header; echo -n ‘%img ‘; jpg2b64 file.jpg; echo ‘bla=”blabla”%’; echo ‘%/hrml%’ % plik.html

% - you know

By: Wolfgang Ulmer

Wolfgang Ulmer — Fri, 24 Oct 2008 08:27:35 +0000

remove the quotes inside url() and it will work.

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