SVG图像不显示在html电子邮件中

Question

我已经将svg图像嵌入到html电子邮件中。它显示在iphone和桌面mac邮件应用程序，但nt显示在我的Mobileme网络邮件。任何想法为什么？这是代码<object data="http://www.jamesgrubb.co.uk/img/rclogoSmall.svg" type="image/svg+xml" width="200" height="50" style="display:block; overflow: hidden;" pluginspage="http://www.adobe.com/svg/viewer/install/"><img src="http://www.jamesgrubb.co.uk/img/rclogoSmall.svg" alt="Red Cloud" style="width:200px; height:50px; "/></object>

Answer 1

许多网络邮件服务在显示它们之前会清理它们的HTML电子邮件。很确定它看到了OBJECT元素并将其删除，并将其删除。

Answer 2

将您的SVG放在SVG标签下。 http://www.kaizou.org/2009/02/svg-inline-in-xhtml/

Answer 3

对于可能对此感到好奇的其他人，我们运行了包含SVG图像的电子邮件设计测试。 The results were very mixed。

虽然Webkit驱动的客户端（如Apple和iOS Mail）通过测试轻而易举，但Webmail和大多数桌面电子邮件客户端似乎并不想要它。

在实现这样的技术之前，电子邮件客户端支持绝对是要记住的。

Answer 4

如果您正在寻找黑客来允许电子邮件客户端支持SVG的SVG，并使用其中电子邮件客户端不支持SVG的JPG/PNG示例：Gmail;你可以使用下面的黑客。

https://css-tricks.com/a-guide-on-svg-support-in-email/

测试结果：

https://litmus.com/checklist/public/2d3f533