GIF in Mail einfügen
Wenn du ein GIF in eine Mail einfügen möchtest, kannst du in Mail Designer 365 eine vorhandene animierte Grafik oder eine eigene GIF-Datei verwenden. Eine kurze Animation kann eine Funktion erklären, Aufmerksamkeit auf ein Angebot lenken oder Bewegung in einen kleinen Designbereich bringen. Sie sollte den Inhalt unterstützen und nicht vom wichtigsten Ziel der E-Mail ablenken.
Passende Animation auswählen
Wähle eine Animation, deren Aussage bereits im ersten Bild verständlich ist. Manche E-Mail-Programme zeigen animierte GIFs nur eingeschränkt oder bleiben beim ersten Einzelbild stehen. Platziere deshalb keine unverzichtbare Information ausschließlich in späteren Animationsphasen.
Halte Bewegung, Dauer und Wiederholung ruhig. Sehr schnelle oder dauerhaft dominante Animationen können die Lesbarkeit beeinträchtigen. Verwende möglichst nur ein deutlich animiertes Element pro sichtbarem Abschnitt.
Animierte Grafiken
Mail Designer 365 besitzt eine Vielzahl an animierten Grafiken für deine Designs. Ziehe die animierte Grafik, die du verwenden möchtest in deine Vorlage aus dem Bereich „Animierte Grafiken“ des Inhalte Fensters.
Wenn du eine Vorschau von der Animation sehen möchtest, zieh den Cursor über die Animation in dem Menü.
Sobald du die Grafik in deinem Dokument anklickst, siehst du die Animation.
Benutzerdefinierte GIFs
Du hast eine selbst erstellte GIF Datei? Ziehe diese einfach in einen Bildbereich, um sie zu verwenden.
Eigenes GIF für den Newsletter vorbereiten
Exportiere das GIF in den benötigten Abmessungen, damit es im Newsletter nicht unnötig skaliert werden muss. Reduziere Dateigröße, Bildanzahl und Farbumfang so weit, wie es die gewünschte Qualität erlaubt. Große Dateien verlängern die Ladezeit und können dazu führen, dass Empfängerinnen und Empfänger die Animation erst spät oder gar nicht sehen.
Prüfe den ersten Frame besonders sorgfältig. Er sollte Motiv, Kernaussage oder Call-to-Action bereits sinnvoll darstellen. Ergänze außerdem einen kurzen Alternativtext, der Zweck oder Inhalt der Animation beschreibt.
GIF in Mail Designer 365 platzieren
Ziehe eine integrierte animierte Grafik aus dem Inhalte-Fenster in einen Bildbereich. Eine eigene GIF-Datei kannst du ebenfalls direkt in einen passenden Bildbereich ziehen. Kontrolliere anschließend Größe, Ausrichtung und Abstand zu Text oder Buttons. Die Animation darf keine wichtigen Inhalte überdecken.
Animation verlinken
Wenn das GIF zu einer Zielseite führen soll, hinterlege den Link für den gesamten Bildbereich. Bildmotiv, begleitender Text und Zielseite sollten dieselbe Erwartung erfüllen. Ergänze bei einer wichtigen Aktion zusätzlich einen klar beschrifteten Textlink oder Button, damit die Handlung auch bei blockierten Bildern verständlich bleibt.
Darstellung und Barrierefreiheit testen
Öffne die Desktop- und Mobilvorschau und versende eine Test-E-Mail. Prüfe, ob das GIF korrekt startet, ob der erste Frame sinnvoll bleibt und ob der Link funktioniert. Teste in den E-Mail-Programmen, die für deine Zielgruppe relevant sind. Achte darauf, dass schnelle Wechsel oder starke Kontraste nicht unangenehm wirken.
Animationen sollten nicht flackern. Vermeide rasche Helligkeitswechsel und stelle sicher, dass Text lange genug sichtbar bleibt. Der Newsletter muss auch ohne Bewegung vollständig verständlich sein.
Checkliste für animierte GIFs
- Der erste Frame enthält eine verständliche Aussage.
- Dateigröße und Abmessungen sind angemessen.
- Alternativtext und gegebenenfalls ein zusätzlicher Textlink sind vorhanden.
- Animation und Link wurden mobil getestet.
- Die Bewegung lenkt nicht vom primären CTA ab.
Weitere Hinweise zu Bildlinks und Bildbereichen findest du im Mail Designer 365 Handbuch.
Wie können wir helfen?