电子邮件图像拦截：回答什么、为什么、在哪里、谁和如何

如果您从事电子邮件营销，您可能听说过您不应该发送全图片电子邮件。 对此已经给出了很多理由。 您的电子邮件将进入垃圾邮件。 您的观众将无法看到它。 这对可访问性不利。 所有这些都是很好的理由。 但随着电子邮件的发展，情况发生了变化。 让我们深入了解不断变化的环境如何影响电子邮件中的图像，并更新我们 2021 年及以后的一些最佳实践。

我会引导你完成：

• 什么是电子邮件图像拦截
• 为什么图片不显示
• 默认关闭的位置
• 谁会阻止电子邮件图像
• 如何优化关闭图像

那是什么？

电子邮件图像阻止是一种从电子邮件中阻止图像或电子邮件客户端或公司服务器不显示图像的做法。 这导致图像没有显示在电子邮件中，例如几乎没有图像 ALT 文本的图像：

或者这个带有更好的图像 ALT 文本的（虽然看起来仍然不太好，对吧？）：

为什么会发生？

电子邮件客户端默认阻止图像或将其关闭的原因有多种。 最大的原因是安全。 微软声称他们阻止图像是为了帮助他们的读者避免查看潜在的冒犯性内容并保护他们免受恶意代码的侵害。 他们还提供了一个观点，即默认情况下阻止图像允许带宽较低的人选择是否要使用该带宽进行图像下载。

对于电子邮件客户端有默认是打开的图片，很多都使用图片代理服务器来承载的，而不是具有图像直接从外部主机来的图像。 这允许电子邮件客户端在图像到达收件箱之前检查病毒和恶意软件，从而减少将图像阻止作为安全功能的需要。

带宽参数仍然是打开图像阻止的一个很​​好的理由，但我们测试的所有移动电子邮件客户端默认允许图像。 订阅者必须认真研究如何为他们的移动设备关闭图像。 这使得电子邮件营销人员确保所使用的任何图像都经过优化变得更加重要。

电子邮件图像在哪里被阻止？

过去，许多电子邮件客户端默认阻止图像。 如今，最大的罪魁祸首是 Outlook 桌面客户端。 大多数其他电子邮件客户端（AOL 除外）默认显示图像。

网络邮件客户端

*ALT 文本仍有下划线。

桌面客户端

*从 Outlook 2016 开始，此功能已关闭，但我们无法测试是否仍然如此。
**这在警告消息之后呈现并且仅在图像被关闭时呈现。 如果图像损坏，则不会呈现 ALT 文本。

移动客户端

*这是我们上次检查时的情况，但我们无法测试是否仍然如此。

那么，只有图片的电子邮件是否对您的电子邮件宣判死刑？ 根据电子邮件客户端市场份额，虽然 Outlook 是第四大最受欢迎的电子邮件客户端，但它仅占电子邮件打开的 6%。 但是，由于 Outlook 默认阻止图像——因此，开放跟踪像素——我们不知道它有多准确。

所以你有可能会没事。 但是，就像所有电子邮件一样，这取决于您的受众是谁。 如果您的 Outlook 订阅者数量高于平均水平（如果您是 B2B，很有可能就是您），那么您可能会遇到麻烦。

不再有损坏的电子邮件 在 100 多个电子邮件客户端、应用程序和设备上预览您的电子邮件，以确保品牌一致、无错误的订阅者体验——无论是否打开图像。 了解如何 →

谁阻止他们的电子邮件加载图像？

没有真正的方法可以判断有多少观众受到图像阻塞的影响，因为打开率是通过图像像素负载来衡量的。 没有图像加载意味着没有打开被跟踪。

根据我们之前的研究，当 Gmail 于 2013 年首次开始默认打开图片时，43% 的 Gmail 用户曾经在查看电子邮件时关闭图片。 这是否表明 Outlook 用户的行为？ 可能是，但我们无从得知。

由于您无法准确判断有多少受众打开了关闭图像的电子邮件，因此最好在创建电子邮件时考虑到图像屏蔽，以确保为每个人提供最佳体验。

如何优化关闭图片的电子邮件？

即使在图像被阻止的客户端中，您也可以通过多种方式对电子邮件进行编码以提供出色的体验。 我们将在这里深入探讨它们。

尽可能使用实时 HTML

对电子邮件进行编码以确保最大可访问性的最佳方法是使用实​​时 HTML 对电子邮件进行编码。 这意味着不要在图像中放置文本（尤其是关键信息）。 让按钮和文本使用 HTML 编码，而不是创建为图形。 专门为图像使用图像。

实时文本

将文本保存在段落和标题标签中。 品牌风格很重要，但并不比考虑订阅者的体验更重要。

Magic Spoon 在让他们的图像包含适当的 ALT 文本方面做得很好，但是将它们作为 <p> 标签中的实时文本用于更具影响力的无图像版本（例如 Ace Hardware 所做的）将非常简单：

关闭图像的 Magic Spoon 电子邮件	关闭图像的 Ace 硬件电子邮件

我希望他们至少有替代文字。 我无法想象这需要超过 1-2 小时 2 代码 2 提高可访问性。 而且你知道我的立场......如果你只是出于品牌原因做烘焙文本，那么你更关心你的字体而不是你的订阅者有限制

— 安妮·汤姆林 (@pompeii79)，2021 年 8 月 3 日

防弹按钮

在号召性用语 (CTA) 中使用实时文本是必不可少的。 作为电子邮件的主要驱动力，无论订阅者使用何种体验，您都希望确保您的 CTA 出现。 使用防弹按钮来完成此操作，并确保您的 CTA 始终显示：

背景图片

不要在图像中嵌入文本。 但这并不意味着您不能拥有漂亮的设计。 为了两全其美，请使用顶部带有实时文本的背景图像。 这可确保即使在图像关闭时也能传达您的信息。

并在背景图片中加入背景颜色，以确保您的电子邮件仍然吸引人且具有品牌特色（您不想要巨大的空白区域——除非这是您想要的外观）。 只需确保设置 ALT 文本的样式，使其显示在背景颜色后备中并且不会丢失。 像这个例子：

图像	图片关闭

实时编码电子邮件可能比“插入图像”更棘手，但是当您对电子邮件进行编码时，更改文本比更改图像并重新上传要容易和快捷得多。 现在有了所有的工具（例如 Litmus 的可视化编辑器），创建电子邮件比以往任何时候都更容易，而无需仅使用图像。

使用 ALT 文本或风格化的 ALT 文本

ALT 文本是在订阅者使用屏幕阅读器时不显示图像或大声朗读时显示的文本。 如前面的支持表所示，几乎所有地方都支持 ALT 文本。 在某些地方，您甚至可以设置 ALT 文本的样式，使其看起来与图像中的实际文本相似。

使用 ALT 文本可以帮助打开图像屏蔽的人（以及使用屏幕阅读器的人）了解图像中的内容。 我知道我经常无法为图像的 ALT 文本写什么，所以这里有四个有用的提示。

ALT 文本不需要干燥。

为您的 ALT 文字描述添加情感，以帮助您的图像生动起来。 例如，看看这张图片：

而不是仅仅“泰勒戴维斯的爆头”，而是使用“泰勒戴维斯，在意想不到的时刻大笑起来。”

请记住图像的上下文。

是的，是描述性的，但上下文是关键。 让我们看看这张图片，例如：

“一个人看着他们的手机，然后是一个显示电子邮件通知的屏幕特写”是一个不错的 ALT 文本。 但如果文章是关于主题行提示的，那么“显示引人注目的主题行的弹出警报”是一个更相关和更有帮助的 ALT 文本。

将装饰图像的 ALT 文本留空。

基于图像的项目符号或水平线不需要 ALT 文本。 如果图像纯粹是装饰性的，而不是功能性的，那么添加 ALT 文本只会分散读者对您信息的注意力。

不要告诉人们下载图像。

我曾经认为这样的事情是天才，因为下载的图像意味着获取开放数据：

这似乎是一种让人们下载图像的有趣而聪明的方式，但任何拥有屏幕阅读器的人都可能会感到被冷落。 ALT 文本应该用于改善所有订阅者的体验。

如何编码 ALT 文本

将 ALT 文本添加到图像就像将 ALT 属性添加到图像标签一样简单：