html - 如何将 HTML 电子邮件中的 GIF 与不支持的客户端的不同图像交换

Question

我有一个客户希望我为他们创建一个 HTML 电子邮件模板。他们想要包含动画 GIF 的横幅图像，但并非所有电子邮件客户端都支持该图像。他们想要的动画不会有可读的第一帧，根据我的研究，不呈现 GIF 格式的电子邮件客户端只会显示 GIF 的第一帧。我想知道是否有办法换掉使用的图像并为不支持 GIF 格式的电子邮件客户端提供不同的图像而不是 GIF。感谢您的帮助!

Answer 1

最简单的方法是设计第一帧可读的 GIF，但由于这不是一个选项，您可以破解不支持 GIF 的客户端。

幸运的是GIF支持还不错，是basically Windows Outlook 2007/2010/2013/2016不支持 GIF。因此，我们使用 Outlook 条件 CSS 定位此范围。 Outlook 2007 - Version 12 ，所以像这样的东西应该显示我们想要的。 (可能需要弄清楚嵌套的标签到底是什么)

<!--[if gte mso 12]>
<td>
    <img src="fallback.jpg">
</td>
<![endif]-->

<!--[if !gte mso 12]><!-- -->
<td>
    <img src="animated.gif">
</td>
<!--<![endif]-->

这是一个good thread on Stack Overflow讨论针对特定版本的桌面 Outlook 的各种方法。