データURI は、画像やその他のバイナリデータをHTMLに埋め込むための標準的な方法であり、ブラウザのサポートはWeb上で十分に文書化されています。 (IE8は、IEの最初のバージョンで、URIごとに最大32 KBのデータURIをサポートしました。他の主要なブラウザーは、さらに長くサポートしました。)
私の質問は、デスクトップメールとウェブメールクライアントソフトウェアについてです。
HTMLメールを作成するときの標準的な方法は、画像を添付ファイルとして含めるか、外部から読み込む(つまり、画像を追跡する)ことです。これらの両方には欠点があります(一部のクライアントはこれらの添付ファイルのすべてをリストしますが、多くは外部イメージを表示するためにユーザーアクションを正しくブロックまたは必要とします)。そのため、データURIは適切な方法のように見えますが、それは電子メールリーダーによってサポートされている場合のみです。
だから、この機能のサポートに関する最近の研究へのリンクはありますか?または、これをまったく調査しましたか?たとえば、 CSSサポートの概要 です。興味があるクライアントソフトウェアには次のものがあります。
デスクトップ(バージョン情報を含む):Outlook、Apple Mail、Thunderbird、Evolution、Lotus Notes、AOL、Eudora
ウェブメール:Gmail、Live/Hotmail、Yahoo!メール、AOL
モバイル:Android、iPhone
Litmus で、インライン<img>
要素とcss背景画像。
これらのデスクトップクライアントdoはデータURIを表示します。
これらのモバイルクライアントdoはデータURIを表示します。
ウェブメールクライアントはいずれもデータURIを表示していません。
これらのデスクトップクライアントは以下を行いません。
これらのモバイルクライアントは以下を行いません。
GMailをテストしたところ、GMailはデータURIをサポートしなくなったようです。
さらに、gmx.de(非常に人気のあるドイツのWebメールプロバイダー)は、イメージURIをサーバー上のURIに変換しますが、これはデータURIをサポートしていないようです。
Mac Mail、Outlook 2003、およびMobileMeはデータURIをサポートしています。他のクライアントについてはわかりませんが、簡単に見つけることができます。Gmailで新しいメッセージを作成し、[画像を挿入]をクリックし、[URLを使用]をクリックしてデータURIを貼り付けます。次に、多数のアドレスに送信し、必要なクライアントで開きます。
Data-uriのサポートに関する質問に直接答えることはできませんが、このようなサポートはメールブラウザーでは非常に悪いことがよくあります。この問題は、完全なHTMLレンダラーではない独自のカットダウンレンダリングエンジンを使用している多くのユーザーに実際に関係しています。電子メールが読めるようにするためにテーブルベースのデザインを使用することが依然として望ましいシステムでは、巧妙なことをしようとはしません。
ただし、電子メールでは2種類の添付ファイルが許可されていることを既に知っているかもしれません。添付ファイルをインラインとしてマークすると、添付ファイルのリストに表示されない傾向があります(多くの場合は表示されます)。
個人的には、メールの読みやすさを確保することは、表示されないことよりも優れており、明らかにリモート画像の他のアプローチはここでは役に立たないと思います。