Bildgrößen für Klaviyo-E-Mails: Maße, Formate und Tipps

Sie haben eine wunderschöne E-Mail für Ihren Shopify-Shop entworfen, die Bilder auf Klaviyo hochgeladen und auf Senden gedrückt - nur um festzustellen, dass Ihr Heldenbanner auf dem Handy verschwommen aussieht und das Laden der E-Mail fünf Sekunden dauert. Klingt bekannt?

Bekommen Klaviyo E-Mail-Bildgrößen Recht ist eines dieser Dinge, die einfach erscheinen, aber auch erfahrene E-Mail-Vermarkter anstößt. Zu klein und Ihre Bilder sehen auf Retina-Bildschirmen verpixelt aus. Zu groß und Ihre E-Mail wird langsam geladen - oder schlimmer noch, wird von Gmail abgeschnitten. Dieser Leitfaden behandelt alles, was Sie über Bilddimensionen, -formate und -optimierung für Klaviyo wissen müssen.

Der Standard: 600px E-Mail-Width

Jede Klaviyo-E-Mail-Vorlage ist standardmäßig auf 600 Pixel breit. Dies ist seit den Anfängen der Industriestandard für E-Mail-Marketing, und das aus gutem Grund: Der durchschnittliche Desktop-E-Mail-Client-Viewport ist zwischen 500 und 600px breit. Größere Risiken beim horizontalen Scrollen auf kleineren Bildschirmen und defekten Layouts in Outlook.

Sie können dies auf der Registerkarte Stile von Klaviyo ändern, aber wenn Sie keinen bestimmten Grund haben (wie ein spezielles Layout), bleiben Sie bei 600px. Es ist die sicherste Breite für konsistentes Rendern in Gmail, Apple Mail, Outlook und Yahoo Mail.

Hier ist der wichtige Teil: 600px ist die Displaybreite, nicht die Exportbreite. Wenn Sie Bilder mit genau 600px exportieren, erscheinen sie auf jedem Telefon oder Laptop mit einem Retina-Display verschwommen - was praktisch jedes moderne Gerät ist. Mehr dazu unten.

Empfohlene Bilddimensionen nach Layout

Die richtige Bildbreite hängt davon ab, wie Ihr E-Mail-Layout aufgebaut ist. Hier ist eine kurze Referenz für die gängigsten Klaviyo-Layouts:

Für die Höhe empfiehlt Klaviyo, Bilder zu behalten unter 2.000px hoch. Alles, was größer ist, kann bei einigen E-Mail-Clients zu Ladeproblemen führen. Wenn Ihr E-Mail-Design länger als das ist - was bei Produkteinführungen oder saisonalen Kampagnen üblich ist - unterteilen Sie es in mehrere horizontale Abschnitte.

Warum Sie immer bei 2x exportieren sollten (Retina)

Dies ist der häufigste Fehler im Klaviyo-E-Mail-Design: Exportieren von Bildern in ihrer Displaygröße anstelle von 2x.

Retina-Displays (gefunden auf iPhones, MacBooks und den meisten modernen Android-Handys) packen doppelt so viele Pixel in jeden Zentimeter Bildschirm. Wenn Sie ein 600px breites Bild in eine 600px breite E-Mail-Spalte hochladen, versucht das Retina-Display, diese Pixel über 1200 physische Pixel zu dehnen - was zu einem sichtbar verschwommenen Bild führt.

Der Fix ist einfach: Design bei 2x und lassen Sie den E-Mail-Client herunterskalieren. Wenn Ihre E-Mail 600px breit ist, exportieren Sie Ihre Bilder in voller Breite bei 1200px breit. Die Bilddatei ist größer, aber der E-Mail-Client zeigt sie mit 600px an - mit all diesen zusätzlichen Pixeln, um ein scharfes, scharfes Bild auf Retina-Bildschirmen darzustellen.

Dies ist besonders wichtig für die Produktfotografie. Ihre Kunden entscheiden, ob sie kaufen möchten, je nachdem, wie Ihre Produkte in ihrem Posteingang aussehen. Ein verschwommenes Heldenbild kann sogar das beste Angebot untergraben.

Dateiformate: JPEG, PNG oder GIF?

Klaviyo unterstützt drei Bildformate. Hier ist, wann jeder zu verwenden:

JPEG: für Fotos

JPEG verwendet verlustbehaftete Komprimierung, was bedeutet, dass einige Daten verworfen werden, um kleinere Dateigrößen zu erreichen. Für Fotografien und komplexe Visuals mit Farbverläufen und vielen Farben ist JPEG der klare Gewinner. Ein Produktfoto, das 2,5 MB als PNG betragen würde, kann auf 200-300 KB als JPEG ohne sichtbaren Qualitätsverlust komprimiert werden.

Beste Einstellung: Export in 75-85% Qualität. Unterhalb von 70% sehen Sie Kompressionsartefakte (blockartige Bereiche, insbesondere um Text und scharfe Kanten). Über 90% fügen Sie die Dateigröße ohne sichtbare Verbesserung hinzu.

PNG - Am besten für Grafiken und Logos

PNG verwendet eine verlustfreie Kompression, wobei jedes Pixel genau erhalten bleibt. Dies macht es ideal für Logos, Icons, Text-Overlays und Grafiken mit scharfen Kanten oder flachen Farben. PNG unterstützt auch Transparenz - unerlässlich, wenn Ihr Logo auf verschiedenen Hintergrundfarben sitzen muss.

Der Kompromiss: PNG-Dateien sind für fotografische Inhalte deutlich größer als JPEGs. Ein Banner mit voller Breite mit Produktfotografie könnte leicht 1-3MB als PNG sein. Verwenden Sie PNG nur, wenn Sie seine spezifischen Vorteile benötigen.

GIF - Am besten für einfache Animationen

GIF unterstützt Animation, ist aber auf 256 Farben begrenzt. Verwenden Sie es für einfache animierte Elemente wie einen Countdown-Timer oder eine subtile Produktanzeige. Für komplexe Produktbilder bleiben Sie bei JPEG. Halten Sie animierte GIFs klein - sie können schnell auf mehrere Megabyte ballonieren.

Dateigrößenziele

Klaviyo erlaubt bis zu 5 MB pro Bild, aber das bedeutet nicht, dass Sie alles verwenden sollten. Hier sind die Ziele für:

• Pro Bild: Unter 200-300KB (nach Kompression)
• E-Mail insgesamt: Unter 800 KB für alle Bilder kombiniert
• Auflösung: 72 DPI (Standard für Web/E-Mail)

Warum diese Zahlen? Denn über 50% der E-Mails werden auf mobilen Geräten geöffnet, oft auf Mobilfunkverbindungen. Eine 3MB-E-Mail, die sofort auf Ihr Büro-WLAN geladen wird, kann 5-8 Sekunden auf einer 4G-Verbindung dauern - und die meisten Leute werden nicht so lange warten. Sie scrollen vorbei oder löschen es.

Der Sweet Spot komprimiert jedes Bild auf die kleinste Größe, wo die Qualität noch visuell nicht vom Original zu unterscheiden ist. Werkzeuge wie TinyPNG, Squoosh, oder ImageOptim kann die Dateigröße um 60-80% reduzieren, ohne sichtbare Verschlechterung. Wenn Sie mehr über Kompressionstechniken erfahren möchten, lesen Sie unseren Leitfaden Wie man Bilder für E-Mail-Marketing komprimiert.

Mobile Optimierungstipps

Die Vorlagen von Klaviyo reagieren standardmäßig - Bilder in einer 600px-weiten E-Mail werden auf mobilen Bildschirmen automatisch verkleinert. Aber es gibt ein paar Dinge zu beachten:

• Text in Bildern: Wenn Ihr Banner Text enthält, der in das Bild eingebrannt ist, stellen Sie sicher, dass er in mobilen Breiten (~320-375px) noch lesbar ist. Text, der bei 600px gut aussieht, kann bei 50% Größe unleserlich werden.
• Mehrspaltiges Layout: Auf dem Handy stapelt Klaviyo vertikal Säulen. Ihre 300px breiten Bilder werden in voller Breite angezeigt - was für 2x Exporte in Ordnung ist, aber verschwommen aussehen kann, wenn sie mit 1x exportiert werden.
• Stichziele: Wenn Ihre Bilder anklickbar sind (sie sollten es sein), stellen Sie sicher, dass der Linkbereich groß genug für Finger ist. Apple empfiehlt ein minimales Tap-Ziel von 44x44 Pixeln.

Häufige Fehler und wie man sie repariert

Fehler 1: Ein riesiges Bild senden

Das Hochladen Ihrer gesamten E-Mail als einzelnes großes Bild scheint einfacher zu sein, verursacht jedoch mehrere Probleme: Gmail überlagert ein Download-Symbol auf Bildern von über 800px, einige E-Mail-Clients zeigen es überhaupt nicht an und es gibt nichts für Bildschirmleser zu lesen. Teilen Sie Ihre E-Mail in horizontale Abschnitte - typischerweise 4-8 Abschnitte pro E-Mail. Dies löst das Problem mit dem Gmail-Download-Symbol und ermöglicht es Clients, Bilder parallel zu laden und tatsächlich die E-Mail zu erstellen. schneller.

Fehler 2: Nicht Hinzufügen von Alternativtext

Viele E-Mail-Clients (insbesondere Outlook und Unternehmensumgebungen) blockieren Bilder standardmäßig. Ohne alternativen Text sehen Ihre Empfänger leere Boxen. Fügen Sie immer beschreibenden alternativen Text hinzu zu jedem Bild in Klaviyo. Es hilft auch bei der Zugänglichkeit für Benutzer auf Bildschirmlesern.

Fehler 3: Verwenden des falschen DPI

Einige Designer exportieren bei 300 DPI (Druckstandard). Für E-Mail ist 72 DPI alles, was Sie brauchen. Höhere DPI verbessert nicht, wie das Bild auf dem Bildschirm aussieht - es macht die Datei nur ohne Nutzen größer.

Quick Reference Cheat Sheet

Häufige Fragen

Was ist die beste Bildbreite für Klaviyo E-Mails?

Die Standard-E-Mail-Breite in Klaviyo ist 600px. Für Bilder voller Breite, verwenden 1200px (2x) So sehen sie auf Retina-Bildschirmen scharf aus. Verwenden Sie für zweispaltige Layouts 600px pro Bild (300px Anzeigebreite bei 2x). Dies stellt sicher, dass Ihre Bilder auf iPhones, MacBooks und modernen Android-Geräten knackig sind.

Welche Bildformate unterstützt Klaviyo?

Klaviyo unterstützt JPEG, PNG und GIF. Sie können WebP-Dateien hochladen, aber Klaviyo konvertiert sie in PNG. Für die meisten E-Commerce-E-Mails mit Produktfotografie bietet JPEG mit 80% Qualität das beste Verhältnis von Größe zu Qualität.

Warum sehen meine Klaviyo-Bilder verschwommen aus?

Dies bedeutet fast immer, dass Sie mit 1x Auflösung (600px breit) anstelle von 2x (1200px breit) exportieren. Retina-Displays benötigen doppelt so viele Pixel, um scharfe Bilder darzustellen. Exportieren Sie 2x und lassen Sie Klaviyo sie skalieren - die zusätzlichen Pixel lassen Bilder auf modernen Bildschirmen knackig aussehen.

Welche maximale Bildgröße ist in Klaviyo erlaubt?

Klaviyo erlaubt bis zu 5 MB pro BildBest Practice ist es jedoch, jedes Bild unter 1 MB zu halten - idealerweise etwa 200-300 KB nach der Kompression. Dies gewährleistet ein schnelles Laden, insbesondere für mobile Teilnehmer auf Mobilfunkverbindungen.

Sollte ich PNG oder JPEG für E-Mail-Bilder verwenden?

Verwendung JPEG für Fotos und komplexe Visuals (kleinere Dateigrößen). Verwendung PNG für Grafiken mit scharfem Text, Logos oder wenn Sie Transparenz benötigen. Die meisten E-Commerce-Produktbilder funktionieren am besten als JPEG bei 75-85% Qualität.