106

数据 URI是在 HTML 中嵌入图像和其他二进制数据的标准方法,并且浏览器支持在 Web 上有详细记录。(IE8 是第一个支持 Data URI 的 IE 版本,每个 URI 的最大大小为 32 KB;其他主要浏览器支持它的时间更长。)

我的问题是关于桌面电子邮件和网络邮件客户端软件。

在构建 HTML 电子邮件时,标准做法是将图像作为附件包含或从外部加载(即跟踪图像)。这两者都有缺点(一些客户端列出了所有这些附加文件,而许多客户端正确地阻止或要求用户操作才能查看外部图像)。因此,Data URI 看起来是一个不错的选择,但前提是它受到电子邮件阅读器的支持。

那么,有没有人链接到最近关于支持此功能的研究?或者根本调查过这个?例如,这里是CSS 支持的概述。我感兴趣的客户端软件包括:

桌面(包括版本信息):Outlook、Apple Mail、Thunderbird、Evolution、Lotus Notes、AOL、Eudora

网络邮件: Gmail、Live/Hotmail、Yahoo!邮件,美国在线

手机:安卓、iPhone

4

4 回答 4

101

我最近在Litmus进行了一项测试,其中包含用于内联<img>元素和 css 背景图像的数据 URI。

这些桌面客户端显示数据 URI:

  • 苹果邮件 5
  • 苹果邮件 6
  • 莲花笔记 8
  • 展望 2003
  • 雷鸟 3.0
  • 雷鸟最新

这些移动客户端确实显示了数据 URI:

  • 安卓 2.3
  • 安卓4.0
  • 黑莓 5 操作系统
  • iPad
  • iPhone 3GS
  • iPhone 4S
  • iphone 5

没有一个 webmail 客户端显示数据 URI。

这些桌面客户端不会:

  • Lotus Notes 6.5
  • 莲花笔记 7
  • Lotus Notes 8.5
  • 展望 2000
  • 展望 2002/XP
  • 展望 2007
  • 展望 2010
  • 展望 2011
  • 展望 2013

这些移动客户端不会:

  • 邮箱(安卓)
  • Outlook.com (安卓)
  • 雅虎(安卓)
  • 黑莓 4 操作系统
  • 塞班
  • 视窗电话 7.5
于 2012-02-17T15:14:34.240 回答
8

我刚刚测试了 GMail,似乎 GMail 不再支持数据 URI。

此外,gmx.de(一个非常流行的德国网络邮件提供商)将图像 URI 转换为其服务器上的 URI,这似乎不支持数据 URI。

于 2011-12-20T13:23:11.083 回答
6

Mac Mail、Outlook 2003 和 MobileMe 支持数据 URI。不确定其他客户端,但您可以轻松找到 — 在 Gmail 中创建新邮件,单击“插入图片”,然后单击“使用 URL”并粘贴数据 URI。然后,将其发送到多个地址并在您想要的客户端中打开它。

于 2011-07-28T07:45:55.077 回答
4

我无法直接回答有关对 data-uri 的支持的问题,但在电子邮件浏览器中对此类内容的支持通常非常糟糕。这个问题确实来自他们中的许多人使用他们自己的精简渲染引擎,这些引擎不是完整的 html 渲染器。在一个仍然最好使用基于表格的设计来确保电子邮件可读的系统中,我不会尝试做任何聪明的事情。

但是,您可能已经知道电子邮件允许使用两种类型的附件。如果您将附件标记为内联,则它往往不会出现在附件列表中(尽管它经常出现)。

我个人认为确保电子邮件的可读性比不显示要好,显然远程图像的其他方法在这里没有帮助。

于 2011-05-21T08:27:25.630 回答