HTML邮件中的SVG图片无法显示

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>

- James

Answer 1

对于其他可能对此感到好奇的人，我们进行了一项电子邮件设计测试，其中包括一个SVG图像。结果非常参差不齐。

尽管像苹果和iOS Mail这样由Webkit支持的客户端轻松通过了测试，但网络邮件和大多数桌面邮件客户端似乎并不想要它。

在实施此类技术之前一定要考虑电子邮件客户端的支持情况。

- Rosanne de Vries

Answer 2

许多网络邮件服务在展示HTML电子邮件之前都会进行清理。可以肯定地说，它会看到OBJECT元素并将其及其内部内容删除。

- user602271

---

如何在HTML电子邮件中渲染SVG图像/文件？ - Coder

我最好的建议是在电子邮件引擎开始支持SVG文件之前，使用PNG/JPG文件。最好选择可靠的解决方案，而不是应用某种hacky解决方案。 - Junaid Nazir

Answer 3

如果你想让邮件客户端支持SVG格式并在不支持SVG格式的情况下使用JPG/PNG（例如：Gmail），你可以使用以下技巧。测试结果请参考https://css-tricks.com/a-guide-on-svg-support-in-email/和https://litmus.com/checklist/public/2d3f533。请注意，本文中的HTML标签未被修改。

- Ronak Jain

Answer 4

把你的SVG放在一个SVG标签下面。http://www.kaizou.org/2009/02/svg-inline-in-xhtml/

- Jiří Doubravský