Wann ein klassisches GIF die richtige Wahl ist, wann animiertes WebP Punkte sammelt und wann MP4 die ehrlichere Alternative ist. Mit Datei-Größen-Beispielen und Plattform-Kompatibilität.

Eine kurze Bewegung im Web speichern. Drei realistische Formate stehen heute zur Auswahl: GIF (von 1987), WebP (von Google 2010), MP4 (mit H.264 oder H.265). Sie sind nicht austauschbar. Jedes hat seinen Sweet-Spot.

Der Schnellüberblick

Eigenschaft	GIF	WebP	MP4 (H.264)
Eingeführt	1987	2010	2003
Farben	256 pro Frame	bis zu 16,7 Mio.	bis zu 16,7 Mio.
Audio	nein	nein	ja
Auto-Loop	ja (Netscape-Hack)	ja (nativ)	nur per `<video loop>`
Browser-Support	100%	97%	100%
Slack / Discord inline	ja	teilweise	nein
E-Mail (Outlook)	ja	nein	nein
Typische Größe 5 s	5 MB	1 MB	500 kB

Drei Formate, drei Use-Cases.

GIF: überall, aber groß

GIF ist der Veteran. Eingeführt 1987 von CompuServe als statisches Bildformat, wurde es 1989 mit der GIF89a-Erweiterung animationsfähig. Den Endlos-Loop hat Netscape 1995 über die Netscape Application Extension dazugemurkst, die alle modernen Browser bis heute unterstützen, obwohl sie technisch ein Hack ist.

Der große Vorteil: GIF läuft überall. Jeder Browser, jedes E-Mail-Programm, jeder Chat. Slack, Discord, Microsoft Teams, Outlook, alte Wikis, Foren, alle zeigen GIFs inline und looped. Kein Player, kein Codec-Check, kein Autoplay-Banner. Das macht GIF zum Standard für:

Newsletter-Hero-Animationen
Slack-Reactions und Inline-Memes
Forum- und Wiki-Animationen
Sales-Demos in E-Mail-Sequences
Produktdemos in Pull-Requests (GitHub, GitLab, Bitbucket)

Der große Nachteil: GIF ist groß. 256 Farben pro Frame, keine echte Kompression (nur LZW), jeder Frame als Bitmap. Eine 5-Sekunden-Animation in 480p kommt locker auf 5 MB. Das ist 5- bis 10-mal so viel wie ein vergleichbares MP4.

WebP: das halb-akzeptierte Mittelding

WebP hat Google 2010 als Web-optimiertes Bildformat eingeführt. Seit 2016 unterstützt es Animationen. Technisch besser als GIF in jeder Disziplin:

bis zu 16,7 Mio. Farben (24-bit)
echte Kompression (VP8 oder VP8L unter der Haube)
Alpha-Channel (Transparenz mit 8-bit, nicht nur 1-bit wie bei GIF)
typisch 60 bis 80 Prozent kleiner als ein vergleichbares GIF

Browser-Support ist hervorragend: Chrome, Firefox, Safari und Edge unterstützen animiertes WebP. Nur alte Outlook-Versionen und einige ältere E-Mail-Clients haben Probleme. Genau das macht WebP für Newsletter unzuverlässig.

Wo WebP funktioniert: Websites, Web-Apps, moderne CMS wie WordPress mit aktiviertem WebP-Plugin, Twitter (das WebP intern in MP4 umwandelt). Wo WebP nicht funktioniert: Outlook-Desktop, manche Foren, die WebP nicht erkennen, einige Drittanbieter-Plattformen.

Das WebP-Problem ist nicht technisch, es ist sozial. WebP wird langsamer adoptiert als technisch sinnvoll wäre.

MP4: am effizientesten, aber kein Bild

MP4 mit H.264-Codec ist seit 2003 da und das mit Abstand effizienteste Format. Eine 5-Sekunden-Animation in 720p liegt typischerweise bei 300 kB bis 800 kB. Das ist 10-mal kleiner als das GIF.

Aber: MP4 ist kein Bild. Es ist ein Video-Container. Das hat zwei Folgen.

Erstens: Inline-Einbindung ist anders. MP4 muss in einem <video>-Tag stecken, oft mit autoplay, loop, muted, playsinline. Slack, Discord und einige E-Mails können das nicht inline rendern, sie zeigen einen Datei-Anhang oder einen Player-Stub. Outlook zeigt im Body nur den Datei-Anhang, kein Inline-Frame.

Zweitens: Auto-Loop ist nicht garantiert. Browser-Sicherheits-Regeln gegen Autoplay haben sich verschärft: Chrome verlangt muted, iOS Safari verlangt playsinline. Wer das vergisst, sieht statt der Animation einen schwarzen Player mit Play-Button.

Wo MP4 unschlagbar ist:

Landing-Page-Hero-Videos
Social-Media-Posts (Instagram, TikTok, LinkedIn)
App-Store-Preview-Videos
alle Fälle, in denen Audio dazukommt

Entscheidungs-Cheatsheet

Wenn das Ziel ist…

Newsletter-Hero in Outlook? → GIF
Inline-Reaction in Slack? → GIF
Web-Modal-Animation in Browser-only-Umgebung? → WebP, GIF als Fallback
Landing-Page-Hero mit Audio? → MP4
Social-Post für LinkedIn? → MP4
Pull-Request-Demo in GitHub? → GIF
Mobile-App-Onboarding-Tutorial? → MP4 (lottie ist auch eine Option)
Twitter-Post? → MP4 (Twitter konvertiert intern eh)

Eine pragmatische Strategie

Wenn Du nicht weißt, wo Deine Animation landen wird, ist GIF häufig der sicherste Bet. Es läuft überall, hat die schlechteste Effizienz und das ist der Preis für maximale Kompatibilität. Wenn die Ziel-Plattform bekannt ist und sich auf Web beschränkt, lohnt sich WebP. Wenn Audio nötig ist oder hohe Auflösung mit kleiner Datei, dann MP4.

avi-gif.de liefert GIF aus AVI, weil das die häufigste Anforderung ist. Wer aus AVI ein MP4 oder WebM braucht, findet im AKARA-Cluster mit mp4webm.de und avi-mp4.de passende Tools.

GIF, WebP, MP4: drei Formate, drei Use-Cases