Warum GIFs in E-Mails verwenden
Animierte GIFs sind die einzige zuverlässige Möglichkeit, Bewegung in E-Mails einzubringen. Im Gegensatz zu Video, das bei E-Mail-Clients unterschiedlich gut unterstützt wird, funktionieren GIF-Animationen in nahezu allen gängigen E-Mail-Clients – außer Outlook Desktop, das nur das erste Bild als statisches Bild anzeigt.
Die Vorteile sind erheblich:
- Bis zu 26 % höhere Klickraten im Vergleich zu statischen Bildern
- Aufmerksamkeitsstark: Bewegung zieht in einem statischen Posteingang natürlich den Blick an
- Automatische Wiedergabe: keine Nutzerinteraktion erforderlich, anders als bei eingebettetem Video
- Produktdemos: Funktionen in Aktion zeigen, ohne dass ein Klick nötig ist
- Countdown-Timer: Dringlichkeit für Aktionen und Launches erzeugen
Größenanforderungen für E-Mail-GIFs
Das ideale E-Mail-GIF ist unter 500 KB groß. Hier ist der Grund:
- Große Bilder verlangsamen das Laden von E-Mails — mobile Abonnenten warten möglicherweise nicht
- Manche E-Mail-Clients kürzen E-Mails ab bestimmten Größenschwellen
- Gmail kürzt E-Mails bei mehr als 102 KB HTML, obwohl Bilder separat geladen werden
- Mehrere große GIFs in einer E-Mail verstärken das Ladeproblem
| E-Mail-Client | GIF-Animation | Hinweise |
|---|---|---|
| Gmail | Vollständige Unterstützung | Web, iOS, Android |
| Apple Mail | Vollständige Unterstützung | macOS und iOS |
| Yahoo Mail | Vollständige Unterstützung | Web und Mobilgerät |
| Outlook.com (Web) | Vollständige Unterstützung | Nur Webversion |
| Outlook Desktop | Nur erstes Bild | 2007, 2010, 2013, 2016, 2019, 365 |
| Samsung Email | Vollständige Unterstützung | Standard-Client unter Android |
Das Outlook-Einzelbild-Problem
Outlook-Desktop-Versionen (2007 bis Microsoft 365) verwenden die Word-Rendering-Engine für HTML-E-Mails, die keine GIF-Animationen unterstützt. Diese Clients zeigen nur das erste Bild als statisches Bild an.
Da Outlook etwa 30 % des geschäftlichen E-Mail-Markts ausmacht, müssen Sie Ihr GIF so gestalten, dass es auch ohne Animation funktioniert:
- Kernbotschaft in Bild 1 platzieren: Call-to-Action, Produktbild oder Überschrift sollten ohne Animation sichtbar sein
- Bild 1 als eigenständiges Bild gestalten: Es sollte auch dann Sinn ergeben, wenn keine weiteren Bilder angezeigt werden
- Textüberlagerungen frühzeitig einfügen: Wenn Ihr GIF Text enthält, zeigen Sie ihn im ersten Bild
- Mit Litmus oder Email on Acid testen: Darstellung in allen Clients vor dem Versand prüfen
Optimale GIF-Einstellungen für E-Mails
| Einstellung | Empfehlung | Begründung |
|---|---|---|
| Breite | 320–480 px | E-Mail-Spalten sind ca. 600 px breit |
| FPS | 8–10 | E-Mail-Kontext ist nicht so anspruchsvoll |
| Dauer | 2–6 Sekunden | Kurze Botschaft, kein Film |
| Farben | 64–128 | Weniger Farben = kleinere Dateien |
| Dithering | Bayer oder Sierra2 | Bayer für die kleinste Dateigröße |
| Schleife | 2–3-mal oder unendlich | Zieht Aufmerksamkeit, ohne zu nerven |
Best Practices für E-Mail-GIFs
- Maximal 1–2 GIFs pro E-Mail: Mehr verlangsamt das Laden und überfordert den Abonnenten
- Immer Alt-Text angeben: Beschreibt das Bild für die Barrierefreiheit und wenn Bilder blockiert werden
- Schnelles Flackern vermeiden: Mehr als 3 Blitze pro Sekunde können lichtempfindliche Reaktionen auslösen
- Oberhalb der Falzlinie platzieren: Das GIF sollte ohne Scrollen sichtbar sein
- Animation nicht für kritische Informationen verwenden: Die Botschaft muss auch als statisches Bild funktionieren
Beste Anwendungsfälle für E-Mail-GIFs
- Produktpräsentation: Produktwinkel oder Funktionen durchrotieren
- Verkaufs-Countdown: Animierter Timer erzeugt Dringlichkeit
- Vorher/Nachher-Demos: Zwischen zwei Zuständen wechseln
- Animierter CTA-Button: Dezentes Pulsieren oder Farbwechsel zieht Klicks an
- Tutorial-Ausschnitte: Eine schnelle Anleitung in 3–5 Bildern zeigen
E-Mail-Voreinstellung: 400 px Breite, 8 fps, 64 Farben, Bayer-Dithering, 4 Sekunden Dauer, 3-fache Schleife. Damit wird eine Dateigröße unter 500 KB für schnelles Laden in allen Clients angestrebt.