图像/svg+xml 格式的 Mandrill base64 内联图像在电子邮件中不可见?

Posted

技术标签:

【中文标题】图像/svg+xml 格式的 Mandrill base64 内联图像在电子邮件中不可见?【英文标题】:Mandrill base64 inline image in format of image/svg+xml is not visible in email? 【发布时间】:2015-07-11 06:26:57 【问题描述】:

当我使用 Mandrill 发送带有以 image/svg+xml 格式编码的图像的电子邮件时,它们在电子邮件中不可见。

`

“图像”:[

“类型”:“图像/xml+svg”,

“名称”:“S1”,

“内容”:PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3......

]

`如果我将它们呈现为,图像在网页上显示得很好

<img src="data:image/svg+xml;base64,PHN2Z......>

如果我使用 image/png 并使用 base64 编码字符串作为图像,Mandrill 也可以正常工作并显示图像

【问题讨论】:

email客户端无法处理base64编码的图片,也试过一次 这不是真的:) 他们处理得很好。我也在谈论 Mandrill 电子邮件提供商。它使用不同的方式 - 不仅包含图像 src 内联,而且将图像添加到附件,然后使用 url 到附件 【参考方案1】:

电子邮件中的 SVG 图像存在问题。您的代码很好,但电子邮件客户端只是不显示 SVG 图像(例如 iPhone 原生电子邮件客户端会显示,但 GMail、Hotmail、Yahoo ......不显示)。请参阅此在线测试,该测试显示哪些电子邮件客户端显示/不显示 SVG 图像:http://conference.createsend.com/screens/r/06A83737A07C505E?_ga=1.195278186.717901520.1441198800

【讨论】:

以上是关于图像/svg+xml 格式的 Mandrill base64 内联图像在电子邮件中不可见?的主要内容,如果未能解决你的问题,请参考以下文章

SVG画图

SVG 意为可缩放矢量图形

svg是啥文件格式

SVG图像

SVG 图像入门教程

矢量图形SVG&高级动画