So fügen Sie ein animiertes GIF in eine E-Mail ein
Gmail (Web)
- Klicken Sie auf Schreiben.
- Klicken Sie in der unteren Symbolleiste auf das Symbol Foto einfügen.
- Wählen Sie Hochladen, wählen Sie das GIF aus und entscheiden Sie sich für Inline (nicht Als Anhang).
- Senden Sie die Nachricht. Das GIF wird im Nachrichtentext abgespielt.
Outlook (neues Outlook und Outlook im Web)
Verwenden Sie in einer neuen Nachricht Einfügen → Bilder und wählen Sie das GIF auf Ihrem Gerät aus. Es wird inline eingefügt. Empfänger mit Outlook 2007–2019 für Windows sehen nur das erste Bild.
Apple Mail
Ziehen Sie das GIF auf dem Mac aus dem Finder in den Nachrichtentext. Tippen Sie auf dem iPhone in den Nachrichtentext und fügen Sie das GIF aus Fotos ein.
E-Mail-Marketing-Plattformen
Fügen Sie in Mailchimp, Klaviyo, HubSpot und ähnlichen Tools einen Bildblock hinzu und laden Sie das GIF hoch. Die Plattform hostet die Datei und bindet sie für Sie in die E-Mail ein.
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 in älteren Outlook-Versionen für Windows (2007–2019), die das erste Bild als statisches Bild anzeigen.
Die Vorteile sind erheblich:
- Zeigt mehr in einem Bild: mehrere Produktansichten oder Arbeitsschritte passen in ein GIF
- 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 2007–2019 | Nur erstes Bild | 2007, 2010, 2013, 2016, 2019 (Windows); Microsoft 365 spielt GIFs ab |
| Samsung Email | Vollständige Unterstützung | Standard-Client unter Android |
Das Outlook-Einzelbild-Problem
Outlook für Windows in den Versionen 2007 bis 2019 verwendet 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. Outlook in Microsoft 365 und Outlook im Web spielen Animationen ab.
Viele geschäftliche Postfächer laufen noch mit diesen Versionen, gestalten Sie Ihr GIF daher so, 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.
Warum bewegt sich mein GIF in der E-Mail nicht?
- Ältere Outlook-Versionen für Windows (2007–2019) zeigen nur das erste Bild. Platzieren Sie Ihre Botschaft in Bild 1.
- Es wurde angehängt statt inline eingefügt. Anhänge erscheinen als Dateisymbol oder unbewegte Vorschau. Fügen Sie das GIF in den Nachrichtentext ein.
- Es ist gar kein echtes GIF. Manche „GIFs“ von GIF-Websites sind in Wahrheit MP4- oder WebP-Dateien. Prüfen Sie die Dateiendung und wandeln Sie Videoclips zuerst in GIF um.
- Bilder werden blockiert. Manche Clients laden Bilder erst, wenn der Leser sie zulässt.
- Die Datei ist zu groß. Große GIFs laden auf Mobilgeräten langsam. Bleiben Sie unter 1 MB, idealerweise unter 500 KB.
GIFs, die mit dem Konverter auf dieser Seite erstellt werden, laufen in Endlosschleife. Für E-Mails halten ein kürzerer Clip und eine geringere Breite (320–480 px) die Datei klein.