Neben einer optisch ansprechenderen Darstellung können E-Mails mit eingebetteten Bildern die Aufmerksamkeit der Abonnenten erregen und sie durch Ihren Verkaufstrichter führen.
Bevor Sie lernen, wie man Bilder einbettet, ist es wichtig zu verstehen, was eingebettete Bilder sind, welche gängigen Methoden es zum Einbetten von Bildern gibt und deren Vor- und Nachteile.
Was sind eingebettete Bilder?
Wenn ein Bild in eine E-Mail-Nachricht eingebettet wird, ist es im Code der Vorlage enthalten, sodass das Bild beim Öffnen der E-Mail zusammen mit dem Text angezeigt wird, anstatt als Anhang zu erscheinen.
Natürlich können Sie Bilder an eine E-Mail anhängen, aber das ist nicht die beste Wahl. Sie möchten, dass Ihre Abonnenten das Bild im E-Mail-Text sehen können, damit es seine werbliche Wirkung entfalten kann.
Warum Bilder in E-Mails einbetten?
Eine E-Mail-Kampagne mit Bildern ist eine effiziente Möglichkeit, sich von der Konkurrenz abzuheben und Ihrer Marke eine persönliche Note zu verleihen. Eingebettete Bilder können ein starkes Marketinginstrument sein, und hier ist der Grund:
1. Solche Bilder sind bequemer für die Empfänger
Es ist ziemlich lästig, wenn man Bilder aus einer E-Mail herunterladen muss, um sie anzusehen. Wir empfehlen, Bilder einzubetten, selbst wenn Ihre Abonnenten die Möglichkeit haben, Bilder auf ihre Geräte herunterzuladen.
2. Es ist einfacher, Spamfilter zu umgehen
E-Mail-Clients neigen weniger dazu, E-Mails mit eingebetteten Bildern als Spam einzustufen. E-Mail-Anbieter sind sehr vorsichtig bei angehängten Dateien oder Links, die verdächtig erscheinen, da sie Viren oder unerwünschte Inhalte enthalten können.
3. Höhere Anzeigegeschwindigkeit
Das Einbetten von Bildern in HTML-E-Mails hilft, große Grafiken zu komprimieren, was zu einer höheren Ladegeschwindigkeit der Seite führt. Wir alle wissen, wie ärgerlich es ist, wenn man auf das Laden einer Seite warten muss.
Selbst wenn Fotos eingebettet sind, werden sie möglicherweise nicht angezeigt, da bestimmte E-Mail-Clients ihren Nutzern eine Bildblockierungs-Option bieten. Ein Gmail-Nutzer kann beispielsweise Bilder automatisch blockieren lassen, wenn eine E-Mail in seinem Posteingang ankommt. Für diesen Fall können Sie den Link zur „Webversion“ Ihrer E-Mail hinzufügen und an den Alt-Text für Bilder arbeiten.
Wenn Sie mehr über die Blockierung von Bildern in E-Mails erfahren möchten, lesen Sie bitte diesen Artikel.
Möglichkeiten zum Einbetten von Bildern in E-Mails
Hier sind die gängigsten Methoden, um Bilder in E-Mails einzubetten:
1. CID-Bilder einfügen
Die CID-Bild-Einbettung gibt es schon seit einiger Zeit und gilt als eine der besten Methoden, um Bilder in E-Mails einzufügen. Bei der Verwendung der CID-Bildeinbettung wird das Bild in einem HTML-Tag in die E-Mail-Vorlage referenziert. Das Bild wird beim Öffnen der Nachricht durch den Empfänger sichtbar.
Diese Methode eignet sich jedoch nur für Spezialisten, die sich mit HTML-Codierung gut auskennen. Andernfalls könnte die Methode eine Herausforderung darstellen.
2. Inline-Einbettung
Eine wesentlich schnellere Einbettungsmethode als die vorherige ist die Inline-Einbettung oder Base64-Codierung. Aber sie ist nicht so vielseitig wie die vorherige Methode.
Um diese Einbettungstechnik zu verwenden, benötigen Sie die Base64-Zeichenfolge oder das Codierungsschema für Ihr Bild. Ohne Code zu verwenden, können Sie mit einem HTML-Element jedes Bild erfolgreich in Ihre E-Mail einbetten.
Allerdings sind E-Mail-Clients dieser Technik gegenüber nicht besonders freundlich. Außerdem sind die eingebetteten Bilder bei dieser Methode wesentlich größer, was das Laden der E-Mail verlangsamt.
3. Verlinkte Bilder verwenden
Die einfachste Methode ist die Verwendung verlinkter Bilder. Ein solches Bild wird auf einem externen Server gespeichert, und dann wird in das HTML-Tag ein Link zu diesem Bild eingefügt. Die Größe der E-Mail bleibt durch das Verlinken von Bildern im Gegensatz zu CID- und Inline-Einbettung klein.
Möglichkeiten zum Hinzufügen eingebetteter Bilder per E-Mail
Dank Stripo, dem offenen HTML-Code-Editor und dem HTML-Grundblock, können Sie jedes interaktive Element einbetten, das Sie mit einem Drittanbieter-Tool erstellt haben.
Option 1. Verwenden Sie eine relevante E-Mail-Vorlage
Stripo bietet Ihnen über 1150 vorgefertigte Vorlagen, die nach verwendeten Funktionen, Jahreszeiten, Branchen und E-Mail-Typen unterteilt sind. Suchen Sie nach denjenigen mit den besten Bildformaten, die zu Ihren Zielen passen, und passen Sie jedes Element, einschließlich der Bilder, einfach an.
Option 2. Erstellen Sie eine E-Mail von Grund auf mit dem Stripo-Builder (für Nicht-Techniker)
Hier ist eine Methode für diejenigen, die keine technischen Fähigkeiten haben, aber dennoch eine professionelle E-Mail ohne komplizierte interaktive Mechaniken erstellen möchten.
Sie können Bilder in E-Mails in wenigen einfachen Schritten einbetten:
-
Öffnen Sie den Editor;
-
Ziehen Sie eine neue Struktur mit der gewünschten Anzahl von Spalten in Ihre HTML-E-Mail-Vorlage;
-
Finden Sie im Einstellungsfeld den Grundblock „Bild“ und ziehen Sie ihn in die Vorlage;
-
Klicken Sie in Ihrer Vorlage auf diesen Block;
-
Im Einstellungsfeld wird Ihnen die Möglichkeit angeboten, ein Bild hinzuzufügen. Sie können Ihr eigenes Bild hochladen oder in unserer Bibliothek stöbern.
Option 3. Erstellen Sie eine E-Mail von Grund auf in Stripo (technisch)
Wenn Sie HTML-Kenntnisse haben, kann das Einbetten von Bildern sich lohnen, da Sie nicht auf vorgefertigte Vorlagen oder standardmäßige Builder-Funktionen beschränkt sind. Verwenden Sie einfach die Option „Mein HTML“ und los geht’s.
Tipps zur Verwendung eingebetteter Bilder in E-Mails
Ein schönes eingebettetes Bild ist nicht genug. Selbst ein gut gestaltetes Bild kann ineffektiv sein, wenn es nicht richtig hinzugefügt wird.
1. Ein passendes Bildformat verwenden
PNG- oder JPEG-Dateien eignen sich für die Mehrheit der E-Mail-Nutzer. SVG- oder skalierbare Vektorgrafiken werden von den meisten großen E-Mail-Clients, wie Gmail, jedoch noch nicht unterstützt.
Wählen Sie das JPG-Format für Bilder mit lebhaften Farben. Außerdem ist dies die beste Option, wenn Sie die Dateigröße minimieren möchten. PNG wird häufig für Logos und Symbole sowie für Bilder mit transparenten Elementen verwendet.
(Quelle: Stripo-Vorlage)
2. Keine reinen Bild-E-Mails senden
Wie bereits erwähnt, sollte Ihr Text die notwendige Botschaft vermitteln, falls Ihre Bilder blockiert werden. Halten Sie ein Verhältnis von 80:20 zwischen Text und Bild ein, um zu verhindern, dass Ihre E-Mail als Spam eingestuft wird.
(Quelle: Stripo-Vorlage)
3. Alt-Attribute verwenden
Denken Sie stets daran, Alt-Text zu den Bildern in HTML-E-Mails hinzuzufügen. Dieser bietet den Lesern zusätzliche Informationen im Falle einer Bildblockierung. Alt-Text wird auch für sehbehinderte Empfänger verwendet, die einen Screenreader nutzen, um eine Beschreibung der eingebetteten Bilder in E-Mails zu erhalten. Der Alt-Text sollte prägnant, aber informativ sein und relevante Schlüsselwörter enthalten.
4. Testen Sie Ihre E-Mails
Durch das Testen können Sie sicherstellen, dass die Bilder korrekt angezeigt werden. Mit unserem E-Mail-Test-Tool können Sie überprüfen, ob eine Bilddatei auf verschiedenen Geräten und E-Mail-Clients gut aussieht. Wenn der Test fehlschlägt, probieren Sie verschiedene Methoden zur Bildeinbettung aus, senden neue HTML-Test-E-Mails und überprüfen, ob das Problem behoben wurde.
Denken Sie daran, dass es immer Empfänger auf Ihrer Liste geben wird, die eine automatische Bildblockierung bevorzugen. Stellen Sie sicher, dass Ihre E-Mails auch ohne die Bilder ansprechend wirken.
Zusammenfassung
Der Schlüssel zu erfolgreichen, mit Bildern eingebetteten E-Mails liegt darin, die oben genannten Empfehlungen zu befolgen – unabhängig davon, ob Sie CID-Einbettung, Inline-Einbettung oder verlinkte Bilder für jedes Bildformat bevorzugen.
Mit dem Stripo-Editor können Sie all Ihre Ideen verwirklichen. Wenn Sie Fragen haben, kontaktieren Sie uns gerne – wir führen Sie durch den E-Mail-Erstellungsprozess.