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

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

為你的ALT標簽設(shè)置樣式

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

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

下面是實現(xiàn)這種樣式的代碼樣例：

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

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

用HTML/CSS代替圖片

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

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

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

靈動創(chuàng)新官方網(wǎng)站：http://www.unimarketing.com.cn
靈動創(chuàng)新博客網(wǎng)址：http://blog.unimarketing.com.cn
靈動創(chuàng)新官方微博：http://weibo.com/unimail

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