Referenz für die optimale Breite der E-Mail-Vorlage

Geschätzt 3 Lesedauer in Minuten
|
Aktualisiert 22. Aug. 2024, 10:41 EST
Du wirst lernen

Du wirst lernen

Erfahre, warum die Standardbreite für E-Mail-Vorlagen 600 Pixel beträgt, warum dies heute ein Industriestandard für Marketing-E-Mails ist und wie du sicherstellst, dass deine E-Mails auf allen Geräten einheitlich aussehen. 

Breite der E-Mail-Vorlage

Breite der E-Mail-Vorlage

Wenn du eine neue E-Mail-Vorlage in Klaviyo entwirfst, ist die Standardbreite jeder Vorlage 600px. 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 fortgeschrittenes Layout erforderlich. Wenn du die Breite auf mehr als 600 Pixel einstellst, empfehlen wir dir außerdem, gründlich zu testen, wie deine E-Mail auf verschiedenen E-Mail-Clients und Geräten aussieht.

Die Breite von E-Mails verstehen

Die Breite von E-Mails verstehen

Wenn du eine E-Mail in Klaviyo entwirfst, bildet die festgelegte Breite deiner Vorlage den Rahmen für deinen E-Mail-Inhalt. Jeder Inhalt, den du in deine Vorlage einfügst, sollte in diesen Rahmen passen.

Die E-Mail-Breite von 600 Pixeln ist zu einem Industriestandard im E-Mail-Marketing geworden, weil in der Vergangenheit die durchschnittliche Größe eines Ansichtsfensters in allen gängigen Desktop-E-Mail-Clients zwischen 500 und 600 Pixeln lag. Der Viewport ist der eingerahmte Bereich auf dem Bildschirm, in dem der Empfänger deine E-Mail lesen wird. Wenn du die Breite deiner E-Mail auf 600 Pixel festlegst, kannst du sicherstellen, dass deine Empfänger bei der durchschnittlichen Größe des Ansichtsfensters nicht viel horizontal scrollen müssen, um deinen gesamten Inhalt zu sehen.

Der Standard für 600px breite E-Mails hat sich gehalten und ist auch heute noch üblich, auch wenn die Optimierung von E-Mails für verschiedene Geräte (z. B. Mobilgeräte) immer wichtiger wird. Klaviyo arbeitet hart daran, unseren Kunden "das Beste aus beiden Welten" zu bieten - wir empfehlen dringend, deine E-Mails mit einer Breite von 600 Pixeln zu gestalten, damit sie auf Desktop-Clients großartig aussehen, und dann machen wir uns an die Arbeit, deine E-Mails so zu rendern, dass sie auch auf kleineren Bildschirmen (z. B. auf mobilen Geräten) ansprechend sind. 

Beachte jedoch, dass die Beibehaltung einer Breite von 600 Pixeln dazu beiträgt, die mit Klaviyo erstellte E-Mail für die mobile Ansicht zu optimieren. E-Mails, die viel breiter sind, sehen auf einem mobilen Gerät eher schief aus, wenn sie verkleinert werden, es sei denn, die E-Mail wurde sorgfältig entworfen und dafür optimiert. Deshalb raten wir dir, deine Vorlage nicht breiter als 600px zu machen, es sei denn, du hast einen Designer und/oder andere Ressourcen, um dein Layout für alle Kunden/Geräte zu optimieren.

Erfahre mehr über die Optionen von Klaviyo für die mobile Optimierung.

Inhalt der Vorlage und Breite der E-Mail einstellen

Inhalt der Vorlage und Breite der E-Mail einstellen

Wie bereits erwähnt, bildet die festgelegte Breite deiner Vorlage den Rahmen für deinen E-Mail-Inhalt. Du kannst zwar manuell sicherstellen, dass alle Inhalte, die du in deine Vorlage einfügst, eine maximale Breite haben, die in den festgelegten Rahmen deiner E-Mail passt, aber Klaviyo übernimmt das auch für dich, wenn du Inhalte zu deiner Vorlage hinzufügst.

Klaviyo verkleinert die Bilder automatisch, wobei das Seitenverhältnis erhalten bleibt, und begrenzt die Breite aller Blöcke so, dass sie nie über die eingestellte Breite der Vorlage hinausgehen. Das heißt, wenn du Bilder in deine Vorlage einfügst oder eine Tabelle mit mehreren Spalten erstellst, bleiben alle Blöcke auf die E-Mail-Breite deiner Vorlage beschränkt.

Wenn du benutzerdefinierten Code in den Vorlage-Block einfügst, achte darauf, dass du die eingestellte Breite in den Stil-Einstellungen deiner Vorlage berücksichtigst. Die in den Stileinstellungen festgelegte E-Mail-Breite wirkt sich auf die Darstellung aller Vorlage-Blöcke aus, auch auf die mit benutzerdefiniertem Code, der versucht, eine andere, größere Breite einzustellen.

Zusätzliche Ressourcen 

Zusätzliche Ressourcen 

 

War dieser Artikel hilfreich?
Nutze dieses Formular nur für Feedback zu Artikeln. So kontaktierst du den Support.

Mehr von Klaviyo entdecken

Community
Vernetze dich mit Kolleg*innen, Partner*innen und Klaviyo-Expert*innen, um dich inspirieren zu lassen, Erkenntnisse auszutauschen und Antworten auf deine Fragen zu erhalten.
Live-Schulung (EN) ↗
Nimm an einer Live-Sitzung mit Klaviyo-Expert*innen teil, um mehr über Best Practices, die Einrichtung wichtiger Funktionen und mehr zu erfahren.
Support

Kontaktiere den Support über dein Konto.

Support per E-Mail (kostenlose Testversion und kostenpflichtige Konten) Verfügbar 24/7

Chat- / virtuelle Unterstützung
Verfügbarkeit abhängig von Standort und Abonnementtyp