Langsame E-Mails frustrieren Abonnenten und schädigen das Engagement. E-Mails, die größer als 100KB sind, können von Gmail abgeschnitten werden, sodass Ihr Call-to-Action oder Abmeldelink verborgen bleibt. Große Bilddateien und nicht optimierter HTML-Code verlangsamen die Ladezeiten, insbesondere auf mobilen Geräten.

Dieser Leitfaden zeigt Ihnen, wie Sie die Ladezeit von E-Mails durch Optimierung von Bildern, Minifizierung von HTML-Code und Verbesserung der mobilen Leistung reduzieren können.

Bevor Sie beginnen

Um die aktuelle E-Mail-Größe zu überprüfen:
Sende eine Test-E-Mail-Kampagne an dich selbst in Gmail. Öffnen Sie die E-Mail → Klicken Sie auf drei Punkte (⋮) → Auswählen Original anzeigen → Klicken Original herunterladen, um die Dateigröße zu sehen.

💡 Tip: Halten Sie die gesamte E-Mail-Größe unter 100KB, um das Clipping in Gmail zu vermeiden.

Warum die E-Mail-Ladezeit wichtig ist

Die E-Mail-Ladezeit beeinflusst:

Benutzererfahrung: Langsame E-Mails frustrieren Abonnenten, insbesondere auf mobilen Geräten.
Posteingangsplatzierung: E-Mails, die größer als 100KB sind, werden von Gmail abgeschnitten. Wenn Ihr Abmeldelink verborgen ist, können die Empfänger Ihre E-Mail als Spam markieren.
Engagement: Schnellere E-Mails laden vollständig, bevor Abonnenten das Interesse verlieren.

Schlüsselfaktoren, die die E-Mail-Größe erhöhen:

Hochauflösende Bilder (über 72 DPI).
Zu viele Bilder (jedes Bild = 1 Serveranfrage).
Nicht minimierter HTML- und CSS-Code.
CSS-Animationen und komplexe Medienabfragen.

Bilder optimieren

Anzahl der Bilder begrenzen

Jedes Bild in Ihrer E-Mail ist eine separate Serveranfrage. Wenn Sie 20 kleine Bilder laden, sind das 20 Anfragen, was die Ladezeit erhöht.

So reduzieren Sie Bildanfragen:

Kombinieren Sie mehrere kleine Bilder zu einem größeren Bild (verwenden Sie Bildsprites).
Ersetzen Sie dekorative Bilder (Aufzählungszeichen, Trennlinien, Icons) durch stilisierten Text oder CSS-Formen.
Verwenden Sie ein Verhältnis von 60:40 zwischen Text und Bildern (60 % Text, 40 % Bilder). Fügen Sie für jedes Bild 2–4 Sätze Text hinzu.

📝 Erfahren Sie mehr: E-Mail-Inhalte für eine verbesserte Zustellbarkeit optimieren.

Bilddateigröße reduzieren

Befolgen Sie diese Schritte, um Bilder zu komprimieren, ohne die Qualität zu verlieren:

1. Bilder für das Web speichern

Verwenden Sie die Funktion "Für Web speichern" in Ihrem Bildbearbeitungsprogramm, um die Dateigröße zu reduzieren, ohne die Qualität zu verringern.

2. Bilder in 72 DPI exportieren

Um die DPI eines Bildes zu überprüfen:

Windows: Klicken Sie mit der rechten Maustaste auf die Datei → Auswählen Eigenschaften→ Details. Überprüfen Sie Horizontale Auflösung und Vertikale Auflösung.
Mac: Öffnen Sie das Bild → Auswählen Werkzeuge→ Größe anpassen in der Menüleiste.

Der Export in 72 DPI hält Bilder scharf und reduziert gleichzeitig die Dateigröße.

3. Stockfotos zuschneiden

Wenn Sie ein Stockfoto herunterladen, öffnen Sie es in einem Bildbearbeitungsprogramm und speichern Sie es erneut in der gewünschten Qualität und Größe.

4. Halten Sie Bilder einheitlich

Mobile Geräte passen die Größe nebeneinander angezeigter Bilder nicht automatisch an, wenn Höhe und Breite nicht übereinstimmen. Einheitliche Bilder verhindern Probleme mit der Stapelung auf mobilen Geräten.

5. Wählen Sie das richtige Format

JPG für Fotografien
PNG-8 für einfache Bilder (Logos, Icons)
PNG-24 für Bilder mit fotografischen Elementen

PNG-Dateien erhalten die höchste Qualität, erhöhen jedoch die E-Mail-Größe. Verwenden Sie JPG, wenn möglich.

6. Verwenden Sie Bildoptimierungstools

Lassen Sie Ihre Bilder durch Drittanbieter-Optimierungs-Apps (wie TinyPNG, ImageOptim oder Squoosh) laufen, um die Dateigröße weiter zu reduzieren, während die Qualität erhalten bleibt.

Lange E-Mails in Abschnitte unterteilen

Anstatt eine lange E-Mail zu erstellen, teilen Sie sie in Abschnitte mit Trennlinien (Linien- oder Leerblock) auf.

Warum das hilft: Trenner unterteilen Ihre E-Mail in kleinere HTML-Abschnitte, sodass E-Mail-Clients den Inhalt schrittweise von oben nach unten rendern können. Das macht Ihre E-Mail scheinen, schneller zu laden, auch wenn die Gesamtgröße gleich bleibt.

So fügen Sie Trennlinien in Omnisend hinzu:

Im Der E-Mail-Builder ziehen Sie einen Linie oder Raum Block zwischen den Inhaltsabschnitten.
Wiederholen Sie alle 2–3 Inhaltsblöcke.

E-Mails ohne Trennlinien laden als ein großer Block, was die wahrgenommene Ladezeit erhöht.

HTML-Code minimieren

Wenn Sie benutzerdefinierten HTML- oder CSS-Code verwenden, entfernt die Minimierung unnötige Zeichen (Leerzeichen, Kommentare, Zeilenumbrüche) aus Ihrem HTML- und CSS-Code, ohne die Funktionsweise zu ändern. Dies reduziert die Dateigröße um 20–30 %.

Warum minimieren?

Reduziert die E-Mail-Größe (hilft, das Clipping in Gmail zu vermeiden).
Beschleunigt das Rendering in E-Mail-Clients.
Spart mobile Daten für Abonnenten.

So minimieren Sie:

Kopieren Sie Ihren HTML-Code.
Verwenden Sie ein Minifizierungswerkzeug wie HTMLMinifier oder Email on Acid's HTML Compressor.
Fügen Sie den minimierten Code in den HTML-Inhaltsblock von Omnisend ein.

🔁 Tipp: Schneiden Sie unerwünschte Leerzeichen in Bildern mit HTML-Positionierung ab, anstatt Leerzeichen zur Bilddatei selbst hinzuzufügen.

Für mobile Geräte optimieren

Die Downloadgeschwindigkeiten auf mobilen Geräten sind langsamer als auf Desktops. Wenn Sie eine große mobile Zielgruppe haben, ist die Optimierung für mobile Geräte entscheidend.

Tipps zur mobilen Optimierung:

Bilder speziell für mobile Geräte komprimieren – Verwenden Sie Tools wie TinyPNG oder Squoosh, um kleinere Versionen von Bildern für mobile Geräte zu erstellen.
Verwendung von Sichtbarkeitseinstellungen – Blenden Sie nicht essentielle Inhalte (große Bilder, Banner) auf mobilen Geräten aus, um die Ladezeit zu reduzieren.

So setzen Sie die Sichtbarkeit in Omnisend:

Klicken Sie auf den Inhaltsblock, den Sie anpassen möchten.
Gehen Sie zum Layout-Tab.
Scrollen Sie zu Sichtbarkeit auf Geräten ➡ Wählen Sie aus, auf welchen Geräten der Inhaltsblock angezeigt werden soll:
- Alle Geräte.
- Nur mobile Geräte.
- Nur Desktop-Geräte.

Testen Sie die Ladegeschwindigkeit Ihrer E-Mail

Testen Sie Ihre E-Mail nach der Optimierung, um Verbesserungen zu bestätigen.

So testen Sie:

Überprüfen Sie die gesamte E-Mail-Größe in Gmail:
- Sende eine Test-E-Mail-Kampagne an dich selbst in Gmail.
- Öffnen Sie die E-Mail → Klicken Sie auf die drei Punkte (⋮) → Wählen Sie Original anzeigen.
- Klicken Sie auf Original herunterladen, um die Dateigröße zu sehen. Halten Sie es unter 100KB.
Verwenden Sie E-Mail-Testtools:
- Litmus oder Email on Acid zeigt Ladezeitvorschauen auf verschiedenen Geräten und E-Mail-Clients.
Der A/B-Test optimierte vs. nicht optimierte E-Mails:
- Erstelle zwei Versionen deiner E-Mail-Kampagne: eine mit optimierten Bildern, eine ohne.
- Verwenden Sie Omnisends A/B-Inhaltstest, um Engagement-Metriken zu vergleichen.

Häufig gestellte Fragen

Was ist eine akzeptable E-Mail-Größe?
Halten Sie die gesamte E-Mail-Größe unter 100KB, um das Abschneiden in Gmail zu vermeiden. E-Mails, die größer als 100KB sind, werden abgeschnitten, und die Empfänger müssen auf "Gesamte Nachricht anzeigen" klicken, um den gesamten Inhalt zu sehen.

Wird das Komprimieren von Bildern die Qualität beeinträchtigen?
Nein, wenn Sie "Für das Web speichern" mit 72 DPI verwenden. Dies erhält die visuelle Qualität und reduziert die Dateigröße um 40–60%.

Kann ich GIFs in meinen E-Mails verwenden?
Ja, aber GIFs sind größer als statische Bilder. Wenn Sie GIFs verwenden: