如何將HTML電子郵件中的GIF與其他​​圖像交換爲不受支持的客戶端

Question

我有一位客戶想要我爲他們創建HTML電子郵件模板。他們希望包含動畫GIF的橫幅圖像，這在所有電子郵件客戶端中都不受支持。他們想要的動畫不會有可讀的第一幀，並且從我的研究中，不呈現GIF格式的電子郵件客戶端將僅顯示GIF的第一幀。我想知道是否有辦法將不支持GIF格式的電子郵件客戶端換成所使用的圖像併爲其提供不同的圖像而不是GIF。感謝您的幫助！

Answer 1

最簡單的方法是設計一個可以讀取第一幀的GIF，但由於這不是一個選項，因此您可以破解不支持GIF的客戶端。

幸運的是，GIF支持相當不錯，它的basically Windows Outlook 2007/2010/2013/2016不支持GIF。所以我們使用Outlook Conditional 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的特定版本。

Answer 2

大多數電子郵件客戶端不支持腳本，所以這將很難。但是你總是可以使用第二個gif，它有一個可見的第一幀，它是你想要的任何圖片，然後讓其餘的gif變得透明。一旦你有了這個，你可以將兩個GIF疊加在一起。這樣，如果客戶端支持動畫GIF，頂層的GIF將變得透明，如果不支持，你會看到第一幀是什麼。