How to successfully embed images in HTML for display in webmail clients?

html format base64 webmail
frénésie picture frénésie · Oct 24, 2012 · Viewed 26k times · Source

I'm trying to do a signature in HTML using images that are encoded in base 64 data URLs. Here's an example:

<img src="data:image/png;base64,iVBORw0KGgoAAAAN...kJggg==">

It's working nice with mail software as Mail on Mac or Thunderbird but it's not working with webmail such as gmail, outlook, roundcube , hotmail ...

Have you any idea how to make it work ? I really want to put those images directly in the source code, it's more practical.

Answer

Mark picture Mark · Oct 24, 2012

simple answer?

You can't. Gmail, outlook etc will ignore base64 images.

Look at this site to learn more about this

enter image description here

So based on our results, it is clearly not worth using embedded images in your emails. All you will be doing is forcing people to download encoded images that they will not be able to view.

Related questions

How to set date format in HTML date input tag?

I am wondering whether it is possible to set the date format in the html <input type="date"></input> tag... Currently it is yyyy-mm-dd, while I need it in the dd-mm-yyyy format.

Read More
Formatting a number as currency using CSS

Just wondering if anyone knows whether it is possible to format the content of an element as currency using only CSS. It would be nice to have how the value is presented in CSS if possible, can't find anything though …

Read More
Format the text in JavaScript alert box

How can I format the text in a JavaScript alert box? I need a word in the text to be underlined.

Read More