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

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

Mögliches Duplikat von Wie kann man Bilder erfolgreich in HTML einbetten, um sie in Webmail-Clients anzuzeigen?

— Amit G

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

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

In Outlook 2003 unterstützt, aber in Outlook 2007 nicht unterstützt? Was denken sie?

— Cytsunny

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

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.

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

— Aaron
quelle

In der Tat funktioniert es, aber leider werden Ihnen einige E-Mail-Dienste das Senden von Anhängen in Rechnung stellen.

— Sombriks

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