joe*_*rdi 93 html email email-client html-email data-uri
数据URI是在HTML中嵌入图像和其他二进制数据的标准方法,浏览器支持在Web上有详细记录.(IE8是支持数据URI的IE的第一个版本,每个URI最大为32 KB;其他主流浏览器支持它的时间更长.)
我的问题是关于桌面电子邮件和webmail客户端软件.
在构建HTML电子邮件时,标准做法是将图像作为附件包含在内或将其加载到外部(即跟踪图像).这两个都有缺点(一些客户列出所有这些附加文件,而许多客户正确阻止或要求用户操作以查看外部图像).因此,数据URI看起来是一种很好的方式,但前提是电子邮件阅读器支持它.
那么,是否有人链接到最近支持此功能的研究?或者根本调查过这个?例如,这里是CSS支持的概述.我感兴趣的客户端软件包括:
桌面(包括版本信息):Outlook,Apple Mail,Thunderbird,Evolution,Lotus Notes,AOL,Eudora
Webmail: Gmail,Live/Hotmail,Yahoo!邮件,美国在线
手机: Android,iPhone
小智 96
我在Litmus做了一个最近的测试,内联<img>元素和css背景图像的数据URI .
这些桌面客户端确实显示数据URI:
这些移动客户端确实显示数据URI:
没有任何webmail客户端显示数据URI.
这些桌面客户端不会:
这些移动客户端不会:
小智 6
Mac Mail,Outlook 2003和MobileMe支持数据URI.不确定其他客户,但您可以轻松找到 - 在Gmail中创建新邮件,点击"插入图片",然后点击"使用网址"并粘贴数据URI.然后,将其发送到多个地址并在您想要的客户端中打开它.
我无法直接回答有关 data-uri 支持的问题,但在电子邮件浏览器中对此类内容的支持通常非常糟糕。这个问题实际上是由于他们中的许多人使用自己的精简渲染引擎而不是完整的 html 渲染器。在仍然最好使用基于表格的设计来确保电子邮件可读的系统中,我不会尝试做任何聪明的事情。
但是,您可能已经知道电子邮件允许两种类型的附件。如果您将附件标记为内联,那么它往往不会显示在附件列表中(尽管经常出现)。
我个人认为,确保电子邮件的可读性比不显示电子邮件要好,显然远程图像的其他方法在这里没有帮助。