htmlformatbase64webmail

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

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.

Solution

  • 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.