{"id":2179,"date":"2022-08-05T16:05:13","date_gmt":"2022-08-05T14:05:13","guid":{"rendered":"https:\/\/www.mail-signatures.com\/de\/?p=2179"},"modified":"2026-05-29T14:16:14","modified_gmt":"2026-05-29T12:16:14","slug":"animierte-gifs-in-email-signaturen","status":"publish","type":"post","link":"https:\/\/www.mail-signatures.com\/de\/articles\/animierte-gifs-in-email-signaturen\/","title":{"rendered":"Animierte GIFs und PNGs in E-Mail-Signaturen"},"content":{"rendered":"\n

Dieser umfassende Leitfaden zu animierten E-Mail-Signaturen erl\u00e4utert Vor- und Nachteile und zeigt inspirierende Beispiele.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n\n\n\n\n

Animierte GIFs haben ihren Weg in E-Mail-Signaturen gefunden. Das ist gro\u00dfartig \u2013 eine gut gestaltete Animation spricht direkt unser Echsenhirn an und l\u00e4sst uns ein bewegtes Objekt viel leichter wahrnehmen als jedes statische Bild. Weniger gro\u00dfartig ist jedoch, dass der Grat zwischen \u201eaufmerksamkeitserregend\u201c und \u201eextrem nervig\u201c viel schmaler ist als Sie vielleicht denken.<\/p>\n\n\n\n

Nachfolgend finden Sie den ultimativen Leitfaden zu animierten GIFs und animierten PNGs in E-Mail-Signaturen. Erfahren Sie, ob Sie sie \u00fcberhaupt verwenden sollten, wie Sie sie hinzuf\u00fcgen und wie Sie sicherstellen, dass sie nicht nach hinten losgehen.<\/p>\n\n\n\n

Suchen Sie einfach nach ein paar Beispielen, um sich inspirieren zu lassen? Hier sind unsere 5 neuesten animierten E-Mail-Signaturdesigns<\/a><\/p>\n\n\n\n

Technische Erkl\u00e4rung animierter GIFs<\/h2>\n\n\n\n

Im Allgemeinen sind animierte GIFs wahrscheinlich die einfachste Form der Animation. Technisch gesehen ist ein GIF eine Reihe von Bildern (oder Frames), die nacheinander angezeigt werden, um Bewegung zu imitieren. Wenn Sie ein GIF zerlegen, enth\u00e4lt jeder seiner Frames ein Bild und die zugeh\u00f6rigen Timing-Daten. Schlie\u00dflich enth\u00e4lt die GIF-Datei ein \u201eFlag\u201c, das festlegt, ob die Animation endlos wiederholt oder nur einmal abgespielt werden soll. Nat\u00fcrlich steckt hinter GIFs noch mehr, aber aus Sicht von E\u2011Mail-Signaturen ist dieses Wissen ausreichend.<\/p>\n\n\n\n

Die Einfachheit eines GIFs ist seine St\u00e4rke. Es gibt unz\u00e4hlige animierte GIFs im Internet, und ein eigenes zu erstellen, ist keine Raketenwissenschaft. Es gibt sowohl kostenlose als auch kostenpflichtige Produkte, mit denen Sie solche einfachen Animationen gestalten k\u00f6nnen. Eines der besseren Beispiele ist Canva.<\/p>\n\n\n\n

Da das GIF-Format so einfach ist und GIFs keine ausgefeilten Codecs oder Skripte ben\u00f6tigen, werden sie nahezu \u00fcberall unterst\u00fctzt. Andererseits kann die Dateigr\u00f6\u00dfe Ihres GIFs rasant ansteigen \u2013 selbst wenn scheinbar nicht viel passiert, da jeder Frame ein eigenes Bild ist. Zum Beispiel hatte ich, bevor ich mich damit auskannte, versucht, einen flie\u00dfenden \u00dcbergang zwischen zwei kleinen JPG-Fotos zu erstellen. Trotz des kleinen Formats und der kurzen Animation habe ich es auf 20 MB gebracht. Das sollten Sie beim Designen ber\u00fccksichtigen, um Leistungsprobleme zu vermeiden.<\/p>\n\n\n\n

Aber Moment \u2013 ich hatte ja versprochen, auch auf animierte PNGs einzugehen, und bisher tendiert der Artikel klar zu animierten GIFs. Lassen Sie es mich erkl\u00e4ren\u2026<\/p>\n\n\n\n

Animiertes GIF vs. animiertes PNG<\/h2>\n\n\n\n

Ein animiertes PNG (APNG) ist eine starke Alternative zu Ihrem \u00fcblichen animierten GIF. Animierte PNGs k\u00f6nnen entweder die Dateiendung *.apng oder einfach *.png verwenden. Es ist in fast jeder Hinsicht besser. Sehen Sie selbst:<\/p>\n\n\n\n\n\n\n\t\n\n\t\n\t\n\t
Dateityp<\/th>animiertes GIF<\/th>aPNG<\/th>\n<\/tr>\n<\/thead>\n
Unterst\u00fctzte Farben<\/td>256<\/td>\u00fcber 16 Mio.<\/td>\n<\/tr>\n
Halbtransparenz<\/td>nicht unterst\u00fctzt<\/td>unterst\u00fctzt<\/td>\n<\/tr>\n
Dateigr\u00f6\u00dfe<\/td>vergleichbar<\/td>vergleichbar<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n\n

Zusammenfassend l\u00e4sst sich sagen, dass die meisten animierten PNG-Dateien unvergleichlich<\/strong> besser aussehen als ihre GIF-Versionen und dabei eine \u00e4hnliche Dateigr\u00f6\u00dfe haben. Es gibt nur einen Haken: APNG-Dateien werden nicht so universell unterst\u00fctzt. Ein ganz normales GIF funktioniert praktisch \u00fcberall, w\u00e4hrend animierte PNGs in aktuellen Versionen aller wichtigen Browser unterst\u00fctzt werden sollten, darunter Mozilla Firefox, Google Chrome, Microsoft Edge, Safari, Brave und Opera. Was den Internet Explorer betrifft: beschw\u00f6ren wir lieber nicht die Toten.<\/p>\n\n\n\n

Die Animationsunterst\u00fctzung in Webbrowsern<\/strong> ist heutzutage ziemlich solide, aber E-Mail-Apps (Clients) k\u00f6nnen eine andere Geschichte sein \u2013 insbesondere bei APNGs.<\/p>\n\n\n\n

Unterst\u00fctzte E-Mail-Clients<\/h2>\n\n\n\n

Wenn es um das Versenden animierter GIFs geht, reicht jeder E-Mail-Client aus, der das HTML-Format unterst\u00fctzt. Wenn Sie Ihre Nachricht im Nur-Text-Format senden, funktioniert das nicht. In diesem Fall w\u00fcrden allerdings auch keine statischen Bilder funktionieren.<\/p>\n\n\n\n

Derzeit unterst\u00fctzen die meisten E-Mail-Clients animierte GIFs auch auf Empf\u00e4ngerseite. Unten finden Sie eine Liste von E-Mail-Clients, die Animationen problemlos darstellen sollten:<\/p>\n\n\n\n\n\n\n\t\n\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t
Art der Animation<\/th>Animiertes GIF<\/th>Animiertes PNG (*.apng)<\/th>\n<\/tr>\n<\/thead>\n
Aktuelles klassisches Outlook f\u00fcr Windows<\/td>\u2714\ufe0f<\/td>\u274c<\/td>\n<\/tr>\n
Outlook 2007-2016<\/td>\u274c<\/td>\u274c<\/td>\n<\/tr>\n
Neues Outlook f\u00fcr Windows<\/td>\u2714\ufe0f<\/td>\u274c<\/td>\n<\/tr>\n
Outlook f\u00fcr Mac<\/td>\u2714\ufe0f<\/td>\u2714\ufe0f<\/td>\n<\/tr>\n
Outlook im Web<\/td>\u2714\ufe0f<\/td>\u274c<\/td>\n<\/tr>\n
Outlook f\u00fcr Android<\/td>\u2714\ufe0f<\/td>\u2714\ufe0f<\/td>\n<\/tr>\n
Outlook f\u00fcr iOS<\/td>\u2714\ufe0f<\/td>\u2714\ufe0f<\/td>\n<\/tr>\n
Mail App unter iOS<\/td>\u2714\ufe0f<\/td>\u2714\ufe0f<\/td>\n<\/tr>\n
Apple Mail-App (Version 16.0)<\/td>\u2714\ufe0f<\/td>\u2714\ufe0f<\/td>\n<\/tr>\n
Gmail (im Browser)<\/td>\u2714\ufe0f<\/td>\u274c<\/td>\n<\/tr>\n
Gmail-App f\u00fcr Android<\/td>\u2714\ufe0f<\/td>\u2714\ufe0f<\/td>\n<\/tr>\n
Mozilla Thunderbird<\/td>\u2714\ufe0f<\/td>\u2714\ufe0f<\/td>\n<\/tr>\n
Proton Mail (im Browser)<\/td>\u2714\ufe0f<\/td>\u2714\ufe0f<\/td>\n<\/tr>\n
Yahoo Mail (im Browser)<\/td>\u2714\ufe0f<\/td>\u2714\ufe0f<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n\n

Habe ich Ihre E-Mail-App nicht erw\u00e4hnt? Lassen Sie es mich in den Kommentaren wissen!<\/p>\n\n\n\n

Wie Sie sehen, sollten alle webbasierten E-Mail-Clients (wie Outlook im Web (OWA), Outlook.com, Gmail oder Yahoo) keine Probleme damit haben, animierte GIFs anzuzeigen. Auch mobile Outlook-Versionen sowie native Android- und iPhone-Mail-Apps zeigen animierte GIFs normal an. Bei einem animierten PNG gibt es dagegen keine Garantie, dass Ihre Empf\u00e4nger es jemals in Bewegung sehen. Wenn ein APNG nicht animiert wird, sieht ein durchdacht gestalteter erster Frame trotzdem deutlich besser aus als ein statisches GIF \u2013 besonders im Dunkelmodus.<\/p>\n\n\n\n

Bei den Desktopversionen von Outlook bedarf die Sache einer kurzen Erkl\u00e4rung.<\/p>\n\n\n\n

Wie das klassische Outlook Ihre animierten GIFs m\u00f6glicherweise abspielt<\/h2>\n\n\n\n

Wenn es um die Darstellung animierter GIFs geht, gleicht Outlook einer echten Achterbahnfahrt:<\/p>\n\n\n\n