HTMLメールに画像を含めるベストプラクティス？

Question

私はいくつかの電子メールテンプレート（パスワードのリセットなど）を変更する使命を帯びてきました。私が与えた新しいテンプレートはシンプルですが、美的な理由からいくつかの小さな画像が含まれています。これらを電子メールに含めるベストプラクティスは何ですか？

私はそれを理解したように、多くの電子メールプロバイダは、（受信者ごとに独自の画像のURLを使用して、リソースをロードするために彼らのブラウザのために待機しているユーザーをタグ付け）によるプライバシーとトラッキングの懸念に、デフォルトで画像をブロックします。画像にデータURIを使用することがこの問題の有効な解決策になるのでしょうか、それともこれらもブロックされていますか？

実際に古いブラウザ（IE7-）はこの形式をサポートしていないという事実を除いて、それを使用しない他の理由はありますか？それは、電子メールに来るとき私の知る限りそれを理解して、あなたはできるだけシンプルかつ透明である必要があり、私はこのような少し変わった何かをすると、スパムフィルタに警鐘をオフに設定できることが心配します。この懸念は正当化されていますか？

Answer 1

フォアグラウンドイメージ（JPG、PNG、GIF）は、すべての主要電子メールクライアントで広く理解されています。マークアップはウェブページ（<img src="">）と同じです。背景画像、SVG、またはデータのURIのようなものがでいくつかのクライアントを動作しますが、すべてではない、それは本質的な画像を表示する方法として、これらに依存しないことをお勧めします。 SVG support in email clients。

一部の電子メールクライアントは、デフォルトでは、画像をブロックしますが、ユーザーがボタンをクリックでダウンロードすることができます。 Here is a good rundown on image blocking in email clients。