Base64 Image does not render in Outlook

Question

Base64 Image does not render in Outlook

Anonymous

We are using SendGrid to send emails to the Outlook platform. But, designed the email template using SendGrid dynamic template.

We have a base64 image and we used it in the email template.

Then, we've tested it by sending the mail to Outlook. But, the image is not rendered in the mail that the user received in Outlook.

In the email template, we used base64 like below,

<img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4QAAAFKCAIAAADKUQaBAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAP+lSURBVHhepP1p32zb"/>

Could you please suggest to us the solution to render Base64 Image in the email template for Outlook?

Locked Question. This question was migrated from the Microsoft Support Community. You can vote on whether it's helpful, but you can't add comments or replies or follow the question.

0 comments

3 answers

Answer 1

Hi Mac,

I was implemented one HTML email that has an image tag with an src base64 image. I used this HTML for my application email notification and I've sent it to my outlook email for testing But, the base64 image does not render in the Outlook desktop app & Outlook web.

I used pure table tr td span p img tags in my HTML email design. Everything rendered fine in Gmail but not in Outlook. CSS styles are not applied in Outlook.

What CSS Style should I use for table space, table margin, table-border, table width, in Outlook?

This is what I received in my outlook,

Could you please tell us how to render base64 image and table styles for Outlook?

Currently, I am developing an HTML email template design for Outlook.

Expected UI in Outlook,

Regards,

Rajesh Rajendiran

Answer 2

Deleted

This answer has been deleted due to a violation of our Code of Conduct. The answer was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.

Comments have been turned off. Learn more

Answer 3

Hi Rajesh,

Greetings.

Thank you for raising your concern in this community.

II think that there might be a compatibility issue if even in Gmail it is not working.

First Could please confirm if the emails was received from outlook desktop or outlook on the web. please make sure to check the both situations to see if there is any difference.

Also, Is there any difference when sending the Base64 image without using the template?

Using your replies I will make a test from my side to see how it goes and give you the proper advice.

Please let me know if the SendGrid you are using is the connector SendGrid - Connectors | Microsoft Docs

I will be waiting for your reply for further assistance.

Kind regards,

Mac