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

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

解决方法

最简单的方法是设计第一帧可读的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]-->

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