Der ultimative Leitfaden für Newsletter-Bilder

Jeder möchte, dass seine Newsletter von Millionen geöffnet, gelesen und genutzt werden . Manche Leute denken, dass dies geschieht, indem sie ein Kunstwerk im Inneren schaffen. Dies ist jedoch falsch, da die Leute in den meisten Fällen das Innere Ihrer E-Mail nicht sehen können, bevor sie sich entscheiden, sie zu öffnen.

Wenn das Kunstwerk also nicht beim Öffnen hilft, hat es dann zumindest einen Einfluss auf das Engagement?

Nun, es kann einen großen Eindruck machen, aber nur, wenn Sie es richtig machen. In diesem Artikel besprechen wir die besten Möglichkeiten, Bilder in Ihren E-Mails zu verwenden, und hoffentlich werden die Klicks fließen!

Die beste Newsletter-Bildgröße für mehrere Bildschirme

Lassen Sie uns also gleich darauf eingehen. Für die Desktop-Anzeige ist es aufgrund von Einschränkungen des E-Mail-Clients am besten, 600 Pixel als maximale Breite für die E-Mail-Bildgröße zu verwenden. Dies gilt natürlich auch für alle Bilder, die Sie horizontal in der E-Mail verwenden möchten.

Denken Sie nur daran, dass das Bild bei Verwendung der gesamten Breite immer noch auf eine mobile Größe skaliert werden kann, ohne sich zu sehr zu ändern.

Ein Beispiel für eine zweispaltige E-Mail auf einem Telefonbildschirm

Apropos Handy: Sie müssen bedenken, wie Ihre Leser ihre E-Mails sehen. Heutzutage sehen sich immer mehr Leute Ihre E-Mails auf einem mobilen Gerät an, planen Sie also entsprechend. In der Tat würden wir eine mobile-First - Ansatz empfehlen. Dies bedeutet im Wesentlichen, dass Sie Ihre E-Mails zuerst so gestalten, dass sie auf Mobilgeräten gut aussehen, und dann über das Desktop-Design nachdenken.

Newsletter-Dienste wie Active Campaign , Mailchimp oder MailerLite (die wir hier übrigens besprechen ) machen dies mit ihren responsiven Vorlagen einfach.

Einfache Newsletter-Design-Ideen, die Sie im Hinterkopf behalten sollten

Sie brauchen keinen Abschluss in Design, um eine gut aussehende E-Mail zu erstellen. Aber es gibt ein paar Design-Tipps, die Sie beachten sollten, wenn Sie über Ihr Header-Bild „Immobilie“ im gesamten Newsletter nachdenken.

Zum einen passen den oberen zwei Zoll. Da dies der erste Teil der E-Mail ist, den Benutzer sehen, müssen Sie sie ansprechen. Füllen Sie sie daher am besten nicht vollständig mit einem Bild aus – es gibt bestimmte E-Mail-Clients, die sie standardmäßig nicht anzeigen (dazu später mehr). .

Wie oben erwähnt, können Sie jedoch ein horizontales Banner mit ansprechendem Text verwenden, um die Leser anzulocken. Aber es ist am besten, es einfach zu halten, vielleicht nur Farben und Worte, damit es auch nach der Größenänderung noch gut aussieht.

Ein Beispiel für ein Banner, das Sie in einer E-Mail verwenden können. Diese Art von Design sollte auf kleineren Bildschirmen gut skalieren.

Eine weitere Designregel, die Sie beachten sollten, ist die Drittelregel. Wir empfehlen, dass nicht mehr als ein Drittel Ihrer E-Mail Bilder enthalten sollte. Oh, und das bedeutet nicht ein ganzes Drittel, sondern verteilt über die gesamte E-Mail.

So erstellen Sie professionelle Newsletter-Bilder

Zurück zum Designstudium sind Sie vielleicht wie ich und haben wenig bis gar keine Fähigkeiten im Design, aber das bedeutet nicht, dass Sie nicht etwas kreieren können, das gut aussieht! Es gibt DIY-Dienste, die es Ihnen leicht machen, Bilder für Ihre E-Mails zu gestalten, und Snappa ist natürlich eine großartige Option. Neben vielen Vorlagen und Symbolen bieten diese Dienste auch vordefinierte Canvas-Größen, um die Gestaltung bestimmter Elemente, wie z. B. eines E-Mail-Banners, zu erleichtern.

Ein Beispiel für Leinwandgrößenoptionen, aus denen Sie bei Snappa wählen können.

Eine letzte Designidee, die man im Hinterkopf behalten sollte, sind Säulen. Es ist oft am besten, die Dinge in einer Spalte zu halten, wenn Sie eine einfache E-Mail mit hauptsächlich Text erstellen. Mit den heutzutage in den meisten Newsletter-Diensten verfügbaren Vorlagen können Sie jedoch auch zwei- oder dreispaltige Designs verwenden, solange sie responsive sind. Ihre Spalten werden dann bequem neu angeordnet, um übereinander zu sitzen, wenn sie auf einem kleineren Bildschirm angezeigt werden.

Anzahl der Dateigrößen für E-Mail-Header-Bilder

Eine andere Sache, die Sie beim Hinzufügen von Bildern zu E-Mails beachten müssen, ist ihre Dateigröße. Diese müssen so klein wie möglich sein, da sie sonst die von E-Mail-Clients erzwungenen Größenbeschränkungen nicht überschreiten. Stellen Sie sicher, dass die Bilder nicht größer als 1 MB sind, aber versuchen Sie, für jedes Bild 100 KB oder weniger anzustreben (es sei denn, Sie verwenden Animationen).

Eine gute Möglichkeit, die Dateigröße zu reduzieren und dabei so viel Qualität wie möglich zu erhalten, besteht darin, sie über tinypng.com auszuführen (funktioniert auch für JPG-Bilder). Sie legen Ihre Bilder einfach auf die Seite und sie werden auf eine kleinere Größe verkleinert (Sie werden nicht einmal einen Unterschied in Bezug auf die Qualität bemerken) ... alles kostenlos!

E-Mail-Newsletter rund um Bildblocker gestalten

Heutzutage verfügen die meisten E-Mail-Clients über eine automatische Bildblockierung, die vom Benutzer deaktiviert werden kann oder nicht. Da dies häufig vorkommt, ist es wichtig, dass Sie Ihr Design so planen, dass Ihr Angebot dennoch an die Leser kommuniziert wird. Es gibt einige Möglichkeiten, dies zu tun.

Erstellen Sie zunächst KEINE vollständig bildbasierte E-Mail. Dies ist buchstäblich das Gegenteil, wenn Sie die Bildblockierung umgehen möchten. Wenn die Blockierung aktiviert ist , haben Sie gerade eine leere E-Mail an jemanden gesendet.

Der gleiche Rat gilt für Call-to-Actions in Ihrer E-Mail. Platzieren Sie sie nicht innerhalb von Bildern, da sie bei aktivierter Bildblockierung übersehen werden. Verwenden Sie dafür am besten formatierte Textlinks.

Es ist besser, formatierte Textlinks für CTAs zu verwenden, da bildbasierte Links möglicherweise nicht angezeigt werden.

Für Personen, die unseren Vorschlägen gefolgt sind, ist es wahr, dass Ihre Bilder immer noch blockiert werden können. In diesem Fall können Sie auch mit „alternativem Text“ oder alternativem Text sicherstellen, dass Ihre Nachricht weiterhin ankommt. Dies ist Text, der angezeigt wird, wenn Ihr Bild nicht geladen wird. Es sollte informativ sein und nicht nur eine Beschreibung Ihres Bildes.

Wenn Sie beispielsweise möchten, dass jemand ein neues Produkt in Ihrem Geschäft ansieht, aber das schöne Produktbild nicht geladen wurde, können Sie mit Ihrem Alternativtext immer noch "Schauen Sie sich unsere neue Einkaufstasche an" sagen. Dies gibt dem Leser Informationen und einen Call-to-Action. Einige E-Mail-Editoren ermöglichen es Ihnen möglicherweise sogar, Ihrem Alternativtext Stile hinzuzufügen, um ihn besser hervorzuheben.

Newsletter-Videos vs. E-Mail-GIFs

Natürlich wäre es großartig, Ihr virales Video mit den süßen Tieren mit Ihren Abonnenten zu teilen, aber Videos in E-Mails einzubetten ist keine gute Idee. Der Grund dafür ist, dass die meisten E-Mail-Clients dies einfach nicht zulassen. Außerdem sind Videodateien oft ziemlich groß (wenn Sie sie nicht einbetten) und können Ihre harte Arbeit direkt in den Spam-Ordner schicken.

Eine Möglichkeit, dies zu umgehen, besteht darin, ein statisches Bild mit einer Play-Schaltfläche überlagern zu lassen, die einen Benutzer dann zum gehosteten Dienst (z. B. YouTube) führt. Es gibt jedoch einen anderen Weg: die Verwendung von animierten GIFs.

Anthropologie, eine Haushaltswarenmarke, hat dieses GIF in ihrer Kampagne verwendet. Bildquelle : Mailbakery.com

GIFs bieten eine einfache Alternative zu Videoinhalten in Ihrer E-Mail und können auf verschiedene Weise erstellt werden . GIFs eignen sich hervorragend, um zu zeigen, wie ein Produkt funktioniert, verschiedene Blickwinkel zu zeigen oder einfach etwas Auffälliges zu schaffen. Achten Sie nur darauf, dass Sie sie nicht zu groß machen (unter 1 MB wird empfohlen) und wie bei Bildern, sie nicht überbeanspruchen.

Back on Track – Eine Einführung in die Öffnungsraten

Obwohl wir oben besprochen haben, dass die Öffnungsraten nicht wirklich von Bildern beeinflusst werden, stellt sich heraus, dass es immer noch eine interessante Beziehung zwischen den beiden gibt.

Öffnungsraten in ActiveCampaign.

Die Art und Weise, wie Öffnungsraten verfolgt werden, besteht darin, eine einzelne Pixelgrafik zu laden. Beim Laden dieses Pixels wird registriert, dass der Kunde die E-Mail geöffnet hat. Wenn Sie nun die Informationen zum Blockieren von Bildern verwenden, die wir gerade besprochen haben, können Sie vielleicht sehen, wo ein Problem auftreten könnte?

Ja, wenn eine Bildblockierung aufgetreten ist oder ein Kunde sich dafür entschieden hat, die Nur-Text-Version Ihrer E-Mails zu erhalten, wird dieses Pixel nie geladen. Dies führt dazu, dass eine offene Stelle weniger gemeldet wird. All dies soll Ihnen sagen, dass Sie offene Ratenberichte mit Vorsicht genießen sollten, da sie möglicherweise nicht immer eine wahre Darstellung sind.

Abschluss

Wir haben in diesem Artikel viel behandelt, aber hoffentlich gibt es ein paar nützliche Erkenntnisse. Ihre E-Mail kann sowohl schön als auch funktional sein, aber Sie müssen sicherstellen, dass die Funktion denjenigen übertrifft, die Ihre Bilder nie sehen werden.

Leider können wir nicht kontrollieren, wie E-Mail-Clients anzeigen, was wir senden, daher müssen wir mit ihnen zusammenarbeiten. Wenn Sie die oben genannten Ideen im Hinterkopf behalten, können Sie sicherstellen, dass Ihre E-Mails nicht im schwarzen Loch des Spam-Ordners landen und niemals das Licht des Posteingangs sehen.