主要な電子メールクライアントソフトウェアでのデータURIサポートとはどのようなものですか?


100

データURIは、画像やその他のバイナリデータをHTMLに埋め込むための標準的な方法であり、ブラウザのサポートはWeb上で十分に文書化されています。(IE8は、データURIをサポートするIEの最初のバージョンであり、URIあたり最大32 KBのサイズです。他の主要なブラウザーは、それをさらに長くサポートしています。)

私の質問は、デスクトップメールとウェブメールクライアントソフトウェアについてです。

HTML形式の電子メールを作成する場合、標準的な方法では、画像を添付ファイルとして含めるか、外部に読み込みます(つまり、画像の追跡)。これらの両方に欠点があります(一部のクライアントはこれらの添付ファイルをすべてリストしますが、多くは正しく外部画像を表示するためにユーザーのアクションをブロックまたはユーザーに要求します)。したがって、データURIは良い方法のように見えますが、それが電子メールリーダーでサポートされている場合に限られます。

では、この機能のサポートに関する最近の調査へのリンクはありますか?それともこれを調査しましたか?たとえば、CSSサポートの概要は次とおりです。興味のあるクライアントソフトウェアは次のとおりです。

デスクトップ(バージョン情報を含む):Outlook、Apple Mail、Thunderbird、Evolution、Lotus Notes、AOL、Eudora

ウェブメール: Gmail、Live / Hotmail、Yahoo!メール、AOL

モバイル: Android、iPhone

回答:


99

インライン要素とcss背景画像のデータURIを使用して、Litmusでより最近のテストを実行しました<img>

これらのデスクトップクライアントデータURIを表示します。

  • Apple Mail 5
  • Apple Mail 6
  • Lotus Notes 8
  • Outlook 2003
  • Thunderbird 3.0
  • Thunderbird最新

これらのモバイルクライアントデータURIを表示します。

  • Android 2.3
  • Android 4.0
  • BlackBerry 5 OS
  • iPad
  • iPhone 3GS
  • アイフォーン4エス
  • iPhone 5

どのWebメールクライアントもデータURIを示しませんでした。

これらのデスクトップクライアントは次のことを行いません。

  • Lotus Notes 6.5
  • Lotus Notes 7
  • Lotus Notes 8.5
  • Outlook 2000
  • Outlook 2002 / XP
  • Outlook 2007
  • Outlook 2010
  • Outlook 2011
  • Outlook 2013

これらのモバイルクライアントは次のことを行いません。

  • Gmail(Android)
  • Outlook.com(Android)
  • Yahoo(Android)
  • BlackBerry 4 OS
  • シンビアン
  • Windows Phone 7.5

Hotmailはブラウザーでレンダリングされるため、ほとんどの場合、データURIをサポートします。
マイククーパー

1
データURIをサポートしていないクライアントのリストを含む、最近の結果で元の回答を更新しました。
Derek Ahmedzai 2013

6
Outlook 2003は機能するが、それ以降のバージョンでは機能しない理由に興味があります。また、ChromeがブラウザにデータURIを表示する場合、メール内のそのようなリンクが同じChromeブラウザで正しく表示されないのはなぜですか。
Old Geezer

@OldGeezerいくつかのメールクライアントはdata:uriで不明瞭になります。
jreptak 2014年

9
@OldGeezer Outlook 2007から、Microsoftは2003年のInternet Explorerの代わりにOutlookのHTMLレンダリングエンジンとしてWordに切り替えたためだと思います
qdev

8

GMailをテストしたところ、GMailでデータURIがサポートされなくなったようです。

さらに、gmx.de(非常に一般的なドイツのWebメールプロバイダー)は、サーバー上の画像URIをURIに変換しますが、これはデータURIをサポートしていないようです。


6

Mac Mail、Outlook 2003、およびMobileMeはデータURIをサポートしています。他のクライアントについてはわかりませんが、簡単に見つけることができます。Gmailで新しいメッセージを作成し、[画像を挿入]をクリックして、[URLを使用]をクリックしてデータURIに貼り付けます。次に、それをいくつかのアドレスに送信し、必要なクライアントで開きます。


このポスターが示すように)Gmailでそれを再現することはできません。機能するサンプルURLを教えていただけますか?
Nikita Rybak

4

data-uriのサポートに関する質問には直接答えることはできませんが、電子メールブラウザーでは、このようなサポートはしばしば非常に悪いものです。問題は、完全なHTMLレンダラーではない独自のカットダウンレンダリングエンジンを使用している多くの人にまたがっています。テーブルベースのデザインを使用してメールを読みやすくすることが望ましいシステムでは、賢いことは何もしません。

ただし、メールでは2種類の添付ファイルが許可されていることをすでにご存じかもしれません。添付ファイルをインラインとしてマークすると、添付ファイルのリストに表示されない傾向があります(多くの場合)。

私は個人的に、電子メールの可読性を確保することは、表示されないことよりも優れており、明らかにリモート画像の他のアプローチはここでは役に立たないと思います。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.