我正准备向客户发送大量使用 html + 图像的电子邮件。什么是使它在最流行的邮件客户端中正确显示的一般规则?
编辑:
好吧,这是为我的客户准备的-大约有几个客户。
我的问题是 - 如何编码这封电子邮件,它将在客户邮件客户端(thunderbird、outlook、gmail)中正确显示。我可以使用哪些 CSS 标签?
看看email-standards.org,他们有一个ACID 测试,可以在最流行的客户端上运行,你可以看到他们测试的不同 css 选择器和 html 标签的列表,以及实际结果的屏幕截图,哪些是有效的什么没有。
希望这可以帮助!
HTML 电子邮件的一般规则:
<style>
或<link>
用于 CSS -style=""
仅使用属性这应该让您的电子邮件在大多数邮件客户端中看起来都不错,包括基于 Web 的客户端(hotmail、yahoo、gmail)。
如果您想在某处托管它们,您可以包含内联图像。
您的 html 中的 img src 是 cid:mime-part-name
并将图像附加为哑剧部分。
但除此之外,请确保您的 HTML 和 CSS 保持简单 - 电子邮件程序比浏览器更糟糕的渲染器 - 并在几个电子邮件程序以及 hotmail 和 gmail 上对其进行测试。
您需要考虑一些电子邮件客户端不呈现 html 的事实。MIME 标准支持多部分电子邮件。您为消息的不同部分定义不同的边界。
如果您必须使用图像,请保持它们非常小并保持一致。许多邮件客户端拒绝呈现指向外部图像的链接,因为垃圾邮件发送者使用它们来跟踪谁愚蠢到可以阅读他们的电子邮件。
其中有几个非常好。我将总结并添加一些其他提示。
HTML 电子邮件类型。您的图像需要托管在 Internet 上的某个位置,然后作为链接包含在 HTML 中。
您生成 HTML 代码,这就是消息正文。邮件信息的类型是 HTML!
每个人都这样做,那里有一百万个例子。
我知道这不是你问的,但你试过MailChimp吗?他们有很棒的服务。
我还推荐像 MailChimp 或 CampainMonitor 这样的第 3 方,他们处理很多额外的事情,比如管理订阅和检查弹跳,加上他们提供开放等统计信息。
避免使用背景图像,因为 Outlook 2007 不会显示它们。(2007 版 Outlook 使用 Word 中的 HTML 呈现引擎...)
我倾向于使用表格布局,带有标签以允许以正确的面和颜色以及大致正确的大小呈现文本,然后使用 style="" 在支持 CSS 的电子邮件客户端中正确呈现它。
只是不要让你的 CSS 太复杂......