HTMLメールでbase64画像を送信する

リッチテキストエディターを使用すると、ユーザーは保存した画像をデスクトップからエディターにドラッグアンドドロップできます。送信後、画像が表示され、Webページに正しく表示されます。

画像はどこにもアップロードされないため、エディターは画像をbase64でエンコードされた画像として保存します。

<img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4QAAAFKCAIAAADKUQaBAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAP+lSURBVHhepP1p32zb

等

しかし、それは表示されません-iPhoneにも、2つの異なるバージョンのOutlookにも表示されません。画像は単に壊れています。base64はすでにWebページで機能しており、ユーザーがオフラインの場合に画像を表示できるため、base64を使い続けたいと考えています。

— Vael Victus
ソース

ウェブメールクライアントに表示するために画像をHTMLに正常に埋め込む方法の

— アミットG

回答:

124

残念ながら、サポートはせいぜい残酷です。このトピックに関する投稿は次のとおりです。

https://www.campaignmonitor.com/blog/email-marketing/2013/02/embedded-images-in-html-email/

そして投稿内容：ここに画像の説明を入力してください

— 和音
ソース

単に答えであるため、答えとしてマークされています。base64のサポートは最悪であり、可能な場合は回避するようにしてください。私たちはなんとかそれらを機能させることができました、この質問の場合には実際にバグがありました。ただし、Outlook2007の使用を義務付ける必要がありました。Appleはbase64イメージで問題なく動作します。

— Vael Victus 2013

Outlook 2003ではサポートされていますが、Outlook 2007ではサポートされていませんか？彼らは何を考えていますか？

— cytsunny 2017

代替手段は何ですか？

これに感謝し、私は自分のbase64サンプルを使用してSO投稿を作成しようとしていました。私は... 2つのブラウザ（GmailやOutlookなど）での私の結果の電子メールをチェックして、私のbase64でテキストが破損していないだったことを確認することによって、それが正常に動作する必要があることを前提と

— Memetican

@AkhilJainこれは私のために働いstackoverflow.com/a/36870709/5536005

— radbrawler

別のアプローチは、このcid方法を使用して電子メールに画像を埋め込むことです。（基本的に画像を添付ファイルとして含め、それを埋め込む）。私の経験では、このアプローチは最近よくサポートされているようです。

出典：https：//www.campaignmonitor.com/blog/how-to/2008/08/embedding-images-revisited/

— アーロン
ソース

確かにそれは機能しますが、悲しいことに、いくつかの電子メールサービスは添付ファイルの送信に対して請求します。

— Sombriks 2016年

また、Gmail Webインターフェイスを含む多くのクライアントは、メッセージの最後に添付されたすべての画像のコピーを追加しますが、これは非常に醜いです。

— ダニエルサナー2017年