Senden Sie ein base64-Bild in einer HTML-E-Mail

84

Mit einem Rich-Text-Editor können unsere Benutzer ein gespeichertes Bild von ihrem Desktop in den Editor ziehen und dort ablegen. Das Bild wird angezeigt und nach dem Senden ordnungsgemäß auf der Webseite angezeigt.

Da das Bild nirgendwo hochgeladen wird, speichert der Editor das Bild als Base64-codiertes Bild.

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

etc.

Aber es wird nicht angezeigt - weder auf dem iPhone noch in zwei verschiedenen Versionen von Outlook. Das Bild ist einfach kaputt. Wir möchten bei base64 bleiben, da es bereits mit der Webseite funktioniert und ein Bild angezeigt werden kann, wenn der Benutzer offline ist.

Vael Victus
quelle

Antworten:

122

Support ist leider bestenfalls brutal. Hier ist ein Beitrag zum Thema:

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

Und der Beitragsinhalt: Geben Sie hier die Bildbeschreibung ein

Akkorde
quelle
2
Als Antwort markiert, weil es einfach die Antwort ist: Die Unterstützung für base64 ist zum Kotzen und Sie sollten versuchen, dies zu vermeiden, wenn Sie können. Wir haben es geschafft, sie zum Laufen zu bringen. Bei dieser Frage gab es tatsächlich einen Fehler. Wir mussten jedoch die Verwendung von Outlook 2007 vorschreiben. Apple funktioniert gut mit Base64-Bildern.
Vael Victus
9
In Outlook 2003 unterstützt, aber in Outlook 2007 nicht unterstützt? Was denken sie?
Cytsunny
5
Was ist die Alternative?
Vielen Dank dafür, ich wollte gerade einen SO-Beitrag mit meinem eigenen base64-Beispiel schreiben. Ich ging davon aus, dass das Überprüfen meiner resultierenden E-Mail in zwei Browsern (GMail und Outlook) und das Überprüfen, ob mein base64-Text nicht
beschädigt war, einwandfrei
@AkhilJain das hat bei mir funktioniert stackoverflow.com/a/36870709/5536005
radbrawler
55

Ein alternativer Ansatz kann darin bestehen, Bilder mithilfe der cidMethode in die E-Mail einzubetten . (Grundsätzlich das Bild als Anhang einschließen und dann einbetten). Nach meiner Erfahrung scheint dieser Ansatz heutzutage gut unterstützt zu werden.

Geben Sie hier die Bildbeschreibung ein

Quelle: https://www.campaignmonitor.com/blog/how-to/2008/08/embedding-images-revisited/

Aaron
quelle
3
In der Tat funktioniert es, aber leider werden Ihnen einige E-Mail-Dienste das Senden von Anhängen in Rechnung stellen.
Sombriks
17
Außerdem hängen viele Clients, einschließlich der Google Mail-Weboberfläche, am Ende der Nachricht eine Kopie aller angehängten Bilder an, was sehr, sehr hässlich ist.
Daniel Saner