Question

我已将svg图像嵌入到html电子邮件中。它显示在iphone和桌面mac邮件应用程序上，但不会显示在我的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

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

虽然像Apple和iOS Mail这样的Webkit驱动的客户端通过了测试，但是网络邮件和大多数桌面电子邮件客户端似乎都不想要它。

在实施此类技术之前，必须牢记电子邮件客户端支持。

Answer 2

许多网络邮件服务在显示HTML电子邮件之前会对其进行清理。很确定它会看到OBJECT元素并将其删除，以及它内部的任何内容。

Answer 3

将SVG置于SVG标记下。 http://www.kaizou.org/2009/02/svg-inline-in-xhtml/

Answer 4

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

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

测试结果：

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

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

4 个答案: