如何应对邮件客户端图片不显示问题？用色块试试

有些邮件客户端默认不显示图片，需要收件人点击“下载图片”才行，怎么样才能引导收件人下载图片，甚至不下载图片也能看明白邮件？不妨试试下面几个方法。

一、为ALT标签设置样式

在设计邮件的时候，可以为图片添加Alt标签。当图片不显示时，会显示Alt标签，让收件人知道图片说的是什么。

Alt标签可以通过设置CSS样式来控制显示效果。

这是没有给Alt标签添加样式：

这是给alt标签添加了样式：

显然后者alt标签更加清晰可读，下面是实现代码：

<img src=“pizza.jpg” alt=“Try our Bacon Lover’s Pizza” width=“220” height=“200”style=“color: #C30; font-weight: bold; font-size: 16px;”/>

Tips：为图片定义固定的宽和高可以确保Alt标签正常显示。没有定义宽高的图片，被屏蔽后会缩成一团，影响Alt标签的展示效果。

Alt标签的CSS样式与Yahoo! Mail, iPhone，Gmail，Apple Mail客户端都是兼容的。Outlook Express客户端比较特殊，只兼容颜色属性。

二、用HTML/CSS代替图片

下图Pizza Express的邮件应用了表格嵌套布局以及细致的图片切割方式，避免了由于图片屏蔽造成的页面空白，丰富的背景颜色与文字让邮件不显示图片也很美观。

下面这封邮件也许第一眼看起来没有什么特别的地方，但是它是一封没有图片的邮件，设计师仅仅通过细致的像素拼接和HTML代码设计制作了整封邮件，不仅美观也完全不受图片屏蔽的影响。一个字“绝”！