郵件中的圖片在一些郵件客戶端默認不顯示的問題，讓許多郵件營銷人員束手無策。對于郵件設計的人員來說，我們不得不為此做好充足的準備，以減少客戶端圖片不顯示問題給郵件營銷帶來的負面影響。

在此之前，我們已經有一篇文章分享過Nike的郵件設計是如何應對圖片被屏蔽問題的，今天我們再來分享兩個更有針對性的案例。

為你的ALT標簽設置樣式

在設計郵件的時候，為圖片添加Alt標簽是我們慣用的方法。Alt標簽可以在圖片被客戶端屏蔽后，引導用戶深入閱讀郵件。
想不想讓Alt標簽變得更奇妙一點呢？你可以像設計HTML郵件的文本樣式一樣，通過設置CSS樣式來讓Alt標簽更加有趣。下面是一個在Yahoo! Mail Beta客戶端中顯示的Alt標簽的例子。

我們來讓Alt標簽變得像標題一樣明顯，效果會如何？

下面是實現這種樣式的代碼樣例：

Tips：為圖片定義固定的寬和高可以確保Alt標簽正常顯示。沒有定義寬高的圖片，被屏蔽后會縮成一團，影響Alt標簽的展示效果。

Alt標簽的CSS樣式與Yahoo! Mail, iPhone，Gmail，Apple Mail客戶端都是兼容的。Outlook Express客戶端比較特殊，只兼容顏色屬性。

用HTML/CSS代替圖片

說起如何應對郵件客戶端圖片默認不能自動下載的問題，Pizza Express的郵件設計頗具創意。他們應用了表格嵌套布局以及細致的圖片切割方式，避免了由于圖片屏蔽造成的頁面空白，取而代之的是豐富的背景顏色與文字，這樣的郵件不僅讓讀者興味盎然去閱讀，相信營銷效果也不會因為圖片不能自動下載而打折扣！

還有更多的郵件設計技巧來應對客戶端圖片默認不顯示的問題，再給大家看一個案例。這封郵件也許第一眼看起來沒有什么特別的地方，但你是否知道這是一封沒有圖片的郵件？設計師通過細致的像素的拼接和HTML代碼設計，郵件不僅美觀，而且對于客戶端的圖片屏蔽也能應對自如！

作為郵件設計師，我們必須認真對待圖片被屏蔽的問題。發送完全由圖片構成郵件的時代已經過去。對于大多數郵件客戶端不能自動下載圖片的情況，也意味著郵件在預覽的時候也不能正常顯示圖片，這樣的郵件很容易被移到垃圾箱或者直接刪除。
值得慶幸的是，我們擁有非常實用的辦法來應對這種問題，大部分都是容易實現的。如果您還有更好的方法來確保圖片在任何情況下都可以正常顯示，我們歡迎您的留言！

靈動創新官方網站：http://www.unimarketing.com.cn
靈動創新博客網址：http://blog.unimarketing.com.cn
靈動創新官方微博：http://weibo.com/unimail

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：15335158）分享實戰經驗。
設計微博：擁有粉絲量47萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：