Informationen zu Best Practices für E-Mail-Bilder

Erfahre mehr über Best Practices für die Verwendung von Bildern in Klaviyo Email, einschließlich Größenempfehlungen und wie du Bilder hinzufügst.

Best Practices für die Verwendung von Bildern in E-Mails

Beachte bei der Erstellung von Bildern zur Verwendung in E-Mails Folgendes:

• Klaviyo unterstützt JPEG-, PNG- und GIF-Bilddateien. Du kannst auch eine WebP-Datei hochladen und dich dafür entscheiden, dass Klaviyo sie automatisch für dich in eine PNG-Datei konvertiert. Im Allgemeinen werden PNG-Dateien auf allen Geräten am besten angezeigt, insbesondere bei Bildern, die Text enthalten. 
• Die maximale von Klaviyo unterstützte Bilddateigröße beträgt 10 MB. Wir empfehlen jedoch, Bilder mit 1 MB oder weniger zu verwenden, da größere Bilder langsam laden können, was zu einer schlechten Empfänger*innen-Erfahrung führt. Das integrierte Bildkomprimierungstool von Klaviyo kann helfen, die Dateigrößen hochgeladener Bilder zu reduzieren, ohne die Qualität wesentlich zu beeinträchtigen.
• Im gesamten Web ist die Verwendung einer Auflösung von 72 dpi Best Practice. Versuche, deine Bilder für Bilder in voller Breite zwischen 600 und 1.000 px breit und weniger als 2.000 px hoch zu halten, um Bildqualität und Ladegeschwindigkeit auszubalancieren. Bilder, die nicht die volle Breite der E-Mail einnehmen, können kleiner als 600 px sein.
• Beachte, dass ein Bild in voller Breite bei 72 dpi häufig größer als 1 MB ist und das Verringern der Bildgröße zu einem Bild führen kann, das sichtbar unscharf oder von geringer Qualität ist. Wenn du Bilder für deine Nachrichten auswählst, bedenke den Kompromiss zwischen Bildqualität und Ladezeit: Große Bilder werden möglicherweise nicht sofort angezeigt, wenn jemand deine E-Mail öffnet, insbesondere bei einer langsamen Internetverbindung.
• Füge deinen Bildern immer Alternativtext hinzu. Bestimmte Posteingänge, darunter Outlook und Apple Mail, zeigen Bilder erst an, wenn Empfänger*innen sich dafür entscheiden, sie anzusehen. Das Hinzufügen von Alternativtext hilft Empfänger*innen, die diese Posteingänge verwenden, zu verstehen, was ein Bild vermitteln soll, und unterstützt außerdem die Barrierefreiheit.

Einen Bildblock einfügen

So fügst du ein Bild in eine Vorlage ein:

1. Ziehe einen Bildblock in die Vorschau-Arbeitsfläche und wähle dann aus, welches Bild eingefügt werden soll.

2. Sobald du den Bildblock platziert hast, wirst du aufgefordert, dein Bild hinzuzufügen, indem du:

• Ein oder mehrere Bilder in den Block ziehen, um sie sofort hochzuladen
• Durchsuchen deines Computers, um ein oder mehrere Bilder zu finden und hochzuladen
• Importieren über eine URL
• Auswählen eines Bilds aus deiner Bildbibliothek
• Auswählen eines Bildes aus deinem Produktkatalog (wenn du mit einer E-Commerce-Plattform integriert bist oder einen benutzerdefinierten Katalog synchronisiert hast)
• Einfügen einer Platzhalter-URL oder Variablensequenz, wenn du möchtest, dass ein Bild dynamisch eingefügt wird (nur für Flows)

Wenn du ein Bild hochlädst, beträgt die maximale Bildgröße, die du hochladen kannst, 10 MB.

Automatische Komprimierung von Bilddateien

Klaviyo umfasst ein automatisches Tool zur Bildkomprimierung als Teil des Bild-Upload-Prozesses, damit du Bildklarheit und schnelle Ladezeiten besser ausbalancieren kannst. Beachte, dass diese Funktion für GIFs nicht unterstützt wird.

Wenn du ein Bild hochlädst, wird in einem Schritt Überprüfen deine Originaldatei und eine komprimierte Version zum Vergleich angezeigt. Jede Vorschau zeigt die Dateigröße sowie den prozentualen Unterschied zwischen beiden an. Mit dem Umschalter über den Bildern kannst du auswählen, welche Version hochgeladen werden soll, und Klaviyo fügt bei der empfohlenen Option ein Empfohlen -Badge hinzu. Du kannst dies jedoch überschreiben, wenn du einen Verlust an Klarheit in der komprimierten Version bemerkst, was bei kleineren Originaldateien vorkommen kann.

Beachte, dass das Bildvergleichsfenster standardmäßig geschlossen ist, wenn das Originalbild empfohlen wird. Wenn du mehrere Bilder gleichzeitig hochgeladen hast, achte darauf, für jedes Bild einzeln die bevorzugte Option zu prüfen und auszuwählen.

Upload-Einstellungen

Wenn du den Prüfschritt beim Hochladen von Bildern überspringen möchtest, passe deine Upload-Einstellungen an. Wenn du ein Bild hochlädst, wird dir die Schaltfläche Upload-Einstellungen angezeigt.

Deine Auswahl hier wird für zukünftige Uploads gespeichert. Du kannst Folgendes auswählen:

• Vergleichen (Standard): Original- und komprimierte Versionen prüfen und auswählen.
• Originale verwenden: Lade immer deine Originaldateien hoch; es gibt keinen Prüfungsschritt.
• Komprimiert verwenden: Lade immer die automatisch komprimierte Version von Klaviyo hoch; kein Prüfschritt.

Bild zuschneiden

Bilder in Bildblöcken, Split-Blöcken und Tabellenblöcken lassen sich ganz einfach zuschneiden.

1. Klicke auf den Bildblock.
2. Klicke unter dem Bildsymbol links auf Zuschneiden.
   
   Du kannst ein Bild als Kreis, Quadrat oder Rechteck mit benutzerdefinierter Breite und Höhe zuschneiden. Wenn du ein Bild im Editor zuschneidest, bleibt das vollständige Bild erhalten. Das bedeutet, dass du die Zuschneidung jederzeit anpassen oder entfernen kannst.

3. Wenn du mit dem Zuschneiden fertig bist, klicke auf den Zurück-Pfeil, um deine Änderungen zu übernehmen.
   

Ändere die Größe eines Bildes

Um die Größe eines Bildes zu ändern, verwende die Größenänderungs-Schieberegler in der Arbeitsfläche.

Bilder in hochgeladenen HTML-Vorlagen

Für HTML-Vorlagen, die du in Klaviyo kopierst (mit Ausnahme von MailChimp-Vorlagen), lädst du während des Importvorgangs eine ZIP-Datei hoch, die deine Bilder enthält.

Bei MailChimp-Vorlagen im Besonderen gilt: Wenn du eine Vorlage hochlädst, die Bilder enthält, die bereits in MailChimp geladen sind, kopiert Klaviyo automatisch all diese Bilder.

Sobald du ein Bild hochgeladen hast, kannst du über die Schaltfläche Bild einfügen neue Bilder für diese Vorlage hochladen:

Bildqualität

Wenn du dir Sorgen machst, dass deine Bilder in deinen Vorlagen nicht so sauber oder scharf dargestellt werden, wie du es dir wünschst, kannst du Schritte unternehmen, um die Bildqualität zu verbessern.

Einer der gängigen Standards, um die Schärfe eines gerenderten Bildes in einer E-Mail zu verbessern, besteht darin, ein Bild in der 2-fachen gewünschten Größe einzufügen und dann die Bildgröße in deiner Vorlage zu reduzieren. Es gibt zwei Möglichkeiten, das anzugehen:

1. Füge eine große, scharfe Version deines Bildes in deine Vorlage ein, klicke dann auf Bearbeiten und passe die Größe auf deine bevorzugten Abmessungen an
2. Füge ein nativ größeres Bild ein (d. h. 600 px breit) und zeige es in einer kleineren Größe an (d. h. 300 px Breite) mithilfe von CSS; hierfür musst du dein Bild in einen dedizierten HTML-Block einfügen und das CSS direkt anpassen

Bildtypen

Klaviyo unterstützt die folgenden Bildtypen: JPEG, PNG und GIF.

Du kannst WebP-Dateien hochladen und den integrierten Converter von Klaviyo verwenden, um sie in PNG-Dateien zu konvertieren. Die Conversion wird jedoch für animierte WebP-Dateien nicht unterstützt.

Wenn du andere Dateiformate wie PSD oder SVG hast, musst du sie vor dem Hochladen in einen unterstützten Bildtyp konvertieren.

Erfahre mehr darüber, welche Bildtypen für deine E-Mail am besten geeignet sind.

Das Bildarchiv

Bilder, die du auf Klaviyo hochlädst, findest du unter Inhalt > Bilder und Marke > Bilder. Wenn du ein Bild aus deiner Bildbibliothek löschst, wird das Bild nicht aus Vorlagen entfernt, in denen es gerade verwendet wird.