Question

这里有没有经验的HTML新闻通讯电子邮件制作过程？我想知道你们如何编写标记和CSS代码，以便电子邮件客户端自动选择HTML版本而不是纯文本版本。

我尝试编写一个自定义的HTML简报电子邮件，但当它到达Gmail，Yahoo Mail＆amp; Hotmail，内容'Show Images' / 'Display Images'上方有一个链接。

如何解决此问题，以便电子邮件客户端自动选择HTML版本并隐藏内容上方的“显示图像”/“显示图像”链接。

Answer 1

客户端已在显示HTML版本但是，出于安全原因，除非用户单击该链接，否则大多数邮件客户端都不会显示图像。

你无能为力。

Answer 2

如果有多个可用，则收件人（而非发件人）有责任选择其首选格式。如果你不想提供text / plain，那就不要;但也明白这可能会扰乱和/或疏远一些接收者。对于一些人来说，残疾可能使（特别复杂的）HTML完全无用;对于其他人而言，可能仅仅是关注内容而不是呈现。

同意观察到，在这种情况下，您所看到的显然是禁用图像加载的HTML版本。将图像添加为附件有助于避免某些客户端出现此问题，而不是其他客户端，并可能导致您遇到各种问题（过大的消息和/或一般的带宽浪费）。

Answer 3

收件人决定收到的内容。

最佳做法是确保您提供适当的退款，以便即使图片未显示，人们仍然可以稍微阅读电子邮件。

字体样式，与图像文本匹配的alt标签以及图像标题

e.g。

<td bgcolor="#000000">
  <font style="color:#ff0000; font-size:25px">
     <img src="title.jpg" alt="MY TITLE TEXT" title="MY TITLE TEXT">
  </font>
</td>

这可以为您提供更多详细信息

http://www.campaignmonitor.com/blog/post/3574/

尝试将设计切片，使其仍能显示图像形状，例如。

http://www.campaignmonitor.com/blog/post/3642/email-with-pixel-art-fallback-when-images-are-blocked

http://emailfail.posterous.com/pizza-express-have-fun-with-images-off

自动选择＆amp;在电子邮件客户端中显示简报HTML版本

3 个答案: