Animierte Bilder in E-Mails

Animierte GIFs werden in den meisten E-Mail-Clients unterstützt und können eine effektive Möglichkeit sein, einer E-Mail Bewegung hinzuzufügen, z. B. um eine Produktfunktion zu demonstrieren, eine Veränderung zu zeigen oder Aufmerksamkeit auf einen Call-to-Action zu lenken. Wie jede Designentscheidung funktionieren sie gut, wenn sie mit Bedacht eingesetzt werden, und schlecht, wenn sie übermäßig verwendet werden.

Wann Animation einen Mehrwert bietet

Ein Produkt in Aktion zeigen – ein GIF, das zeigt, wie etwas gefaltet, geöffnet oder verwendet wird, ist aussagekräftiger als ein Standbild.
Eine Transformation zeigen – Vorher/Nachher-Vergleiche, Montageabläufe oder Enthüllungseffekte.
Einen Call-to-Action hervorheben – ein dezenter animierter Pfeil oder Button kann Aufmerksamkeit erregen, ohne abzulenken.
Saisonale oder festliche Nachrichten – eine einfache festliche Animation verleiht Persönlichkeit.

Wann Vorsicht geboten ist

Rein dekorative Animation ohne zusätzliche Bedeutung kann von Ihrer Botschaft ablenken, statt sie zu verstärken.
Große GIF-Dateien verlangsamen das Laden von E-Mails, besonders bei mobilen Verbindungen. Halten Sie animierte GIFs nach Möglichkeit unter 1 MB.
Wenn Ihre E-Mail bereits viel Inhalt und visuelle Komplexität enthält, erhöht das Hinzufügen von Animation die kognitive Belastung.

E-Mail-Client-Unterstützung

Die meisten modernen E-Mail-Clients zeigen animierte GIFs korrekt an, einschließlich Gmail, Apple Mail, iOS Mail und Android. Die wichtigste Ausnahme ist Outlook 2007–2019, das nur das erste Bild eines animierten GIFs als statisches Bild anzeigt.

Achtung Gestalten Sie animierte GIFs so, dass das erste Bild als vollständiges, aussagekräftiges Standbild funktioniert. Verlassen Sie sich niemals auf spätere Bilder, um die Kernbotschaft zu vermitteln. Outlook-Nutzer werden immer nur das erste Bild sehen.

Dateigröße

Animierte GIFs werden schnell groß. Halten Sie sie unter 1 MB, idealerweise unter 500 KB. Um die Dateigröße zu reduzieren: Begrenzen Sie die Anzahl der Bilder, reduzieren Sie die Bildabmessungen, beschränken Sie die Farbpalette auf 64 oder 128 Farben und schneiden Sie nur den relevanten Bereich zu. Tools wie Ezgif (ezgif.com) sind speziell für die Optimierung von GIF-Dateien konzipiert.

So fügen Sie ein animiertes GIF hinzu

Animierte GIFs werden auf die gleiche Weise wie statische Bilder in allen drei Editoren hinzugefügt. Siehe "Ein Bild hinzufügen" für die schrittweisen Anweisungen. Die Animation wird automatisch in der Vorschau und in E-Mail-Clients abgespielt, die sie unterstützen.

Profi-Tipps

Testen Sie Ihr animiertes GIF in Message Check vor dem Versand. Die Vorschau zeigt, wie das Bild in Outlook und anderen Clients gerendert wird, sodass Sie prüfen können, ob das erste Bild als statisches Bild akzeptabel aussieht.
Wenn Sie an eine Liste senden, bei der ein erheblicher Teil der Kontakte Outlook 2007–2019 nutzt, überlegen Sie, ob die Animation es wert ist – diese Kontakte sehen immer ein statisches Bild.

Häufige Fehler, die Sie vermeiden sollten

Ein erstes Bild, das leer, nur teilweise geladen oder uninformativ ist. Outlook-2007–2019-Nutzer sehen nur dieses Bild – machen Sie es aussagekräftig.
Animierte GIFs über 1 MB. Große Dateien verlangsamen das Laden für alle und können dazu führen, dass Ihre E-Mail von Gmail abgeschnitten wird.
Animation nur einsetzen, weil Sie es können. Animation, die Ihrer Nachricht keinen informativen oder emotionalen Mehrwert bietet, lenkt ab.

Nächste Schritte

Siehe "Ein Bild hinzufügen" für die Einfügung von Bildern in jedem Editor.
Siehe "Warum Ihre Mediendateien unter 2 MB bleiben sollten" für Tools und Techniken zur Dateikomprimierung.
Siehe "Message Check", um zu testen, wie Ihre E-Mail in verschiedenen E-Mail-Clients gerendert wird.