106

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

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

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

では、この機能のサポートに関する最近の研究へのリンクを持っている人はいますか? または、これをまったく調査しましたか？たとえば、CSS サポートの概要は次のとおりです。私が興味を持っているクライアントソフトウェアは次のとおりです。

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

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

モバイル: Android、iPhone

4

4 に答える 4

101

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

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

  • Apple Mail 5
  • Apple Mail 6
  • Lotus Notes 8
  • Outlook 2003
  • サンダーバード3.0
  • サンダーバード最新

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

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

どのウェブメールクライアントもデータ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
  • Symbian
  • Windows Phone 7.5
于 2012-02-17T15:14:34.240 に答える
8

GMail をテストしたところ、GMail はデータ URI をサポートしていないようです。

さらに、gmx.de (非常に人気のあるドイツの Web メール プロバイダー) は、イメージ 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 レンダラーではない独自の削減されたレンダリング エンジンを使用している多くのサイトに実際に広がっています。メールが読めるようにするためにテーブルベースのデザインを使用することが依然として望ましいシステムでは、私は何か巧妙なことをしようとはしません。

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

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

于 2011-05-21T08:27:25.630 に答える