Referenz zur optimalen Breite von E-Mail-Vorlagen
Übersicht
Hier erfährst du, warum die Standardbreite für E-Mail-Vorlagen 600 px beträgt, warum dies heute ein Branchenstandard für Marketing-E-Mails ist und wie du sicherstellst, dass deine E-Mails auf allen Geräten konsistent aussehen.
Breite der E-Mail-Vorlage
Wenn du in Klaviyo eine neue E-Mail-Vorlage erstellst, beträgt die Standardbreite jeder Vorlage 600 px. Du kannst diese Einstellung auf der Registerkarte Stile in den Einstellungen deiner E-Mail anpassen, aber Klaviyo empfiehlt nicht, die Breite deiner Vorlage zu erhöhen, es sei denn, dies ist für ein fortgeschritteneres Layout erforderlich. Wenn du die Breite über 600 px anpasst, empfehlen wir außerdem, robuste Tests durchzuführen, wie deine E-Mail in verschiedenen E-Mail-Clients und auf Geräten aussieht.
E-Mail-Breite verstehen
Wenn du in Klaviyo eine E-Mail erstellst, bildet die festgelegte Breite deiner Vorlage den Rahmen für deinen E-Mail-Inhalt. Alle Inhalte, die du in deine Vorlage einfügst, sollten in diesen Rahmen passen.
Die E-Mail-Breite von 600 px hat sich im E-Mail-Marketing als Branchenstandard etabliert, weil die durchschnittliche Größe eines Viewports in allen gängigen Desktop-E-Mail-Clients historisch zwischen 500–600 px lag. Der Viewport ist der gerahmte Bereich auf einem Bildschirm, in dem Empfänger*innen deine E-Mail lesen. Wenn du die Breite deiner E-Mail auf 600 px festlegst, kannst du sicherstellen, dass deine Empfänger*innen bei einer durchschnittlichen Viewport-Größe nicht viel horizontal scrollen müssen, um alle deine Inhalte zu sehen.
Der Standard für 600 px breite E-Mails hat sich gehalten und ist auch heute noch üblich, selbst wenn es immer wichtiger wird, E-Mails für verschiedene Geräte (z. B. Mobilgeräte) zu optimieren. Klaviyo arbeitet hart daran, unseren Kund*innen „das Beste aus beiden Welten“ zu bieten – wir empfehlen dringend, deine E-Mails mit einer Breite von 600 px zu gestalten, damit sie auf Desktop-Clients großartig aussehen, und dann übernehmen wir die harte Arbeit, deine E-Mails so zu rendern, dass sie auf kleineren Bildschirmen (z. B. Mobilgeräten) responsiv sind.
Beachte jedoch, dass eine Breite von 600 px dabei hilft, mit Klaviyo erstellte E-Mails für die mobile Ansicht zu optimieren. E-Mails, die deutlich breiter gestaltet sind, haben ein höheres Potenzial, beim Herunterskalieren auf einem Mobilgerät verzerrt auszusehen, es sei denn, die E-Mail wurde sorgfältig dafür gestaltet und optimiert. Deshalb empfehlen wir, die Vorlagenbreite nicht über 600 px zu erhöhen, es sei denn, du hast eine*n Designer*in und/oder andere dedizierte Ressourcen, um dein Layout über Clients/Geräte hinweg zu optimieren.
Erfahre mehr über Klaviyo Optionen zur mobilen Optimierung.
Vorlageninhalt und E-Mail-Breite festlegen
Wie oben erwähnt, bildet die festgelegte Breite deiner Vorlage den Rahmen für deine E-Mail-Inhalte. Auch wenn du manuell sicherstellen kannst, dass alle Inhalte, die du zu deiner Vorlage hinzufügst, eine maximale Breite haben, die in den festgelegten Rahmen deiner E-Mail passt, kümmert sich Klaviyo auch darum, während du Inhalte zu deiner Vorlage hinzufügst.
Klaviyo skaliert Bilder automatisch herunter, wobei das Seitenverhältnis beibehalten wird, und begrenzt ansonsten die Breite aller Blöcke, sodass sie niemals über die festgelegte Breite der Vorlage selbst hinausgehen. Das bedeutet: Wenn Bilder zur Vorlage hinzugefügt oder eine Tabelle mit mehreren Spalten erstellt wird, bleibt erkennbar, dass alle Blöcke durch die E-Mail-Breite der Vorlage begrenzt bleiben.
Wenn du benutzerdefinierten Code in Vorlagenblöcke einfügst, achte darauf, die in den Style-Einstellungen deiner Vorlage festgelegte Breite zu berücksichtigen. Die in deinen Style-Einstellungen festgelegte E-Mail-Breite wirkt sich auf das Rendering aller Vorlagenblöcke aus, auch derjenigen mit benutzerdefiniertem Code, der möglicherweise versucht, eine andere, größere Breite festzulegen.