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.
I’m using embedded SVG, here is why:
But if you really want to display images in Gmail and Outlook, you will need to load these via HTTP.
The guy from CSS-tricks has a nice guide on SVG in email: https://css-tricks.com/a-guide-on-svg-support-in-email/
The final solution is the following:
But I personally don’t like it, because I don’t want a client to ask the user if he wants to load additional resources.
simple answer?
You can't. Gmail, outlook etc will ignore base64 images.
Look at this site to learn more about this