GIF vs. MP4: Wann lohnt sich welches Format?

Das animierte GIF wurde 1987 von CompuServe als Container für kleine Pixel-Animationen veröffentlicht, lange bevor jemand „Video im Browser“ auch nur denken konnte. MP4 in seiner heute üblichen Form mit H.264-Video kam 2003 dazu und wurde mit dem Aufstieg des iPhones ab 2007 zum De-facto-Web-Standard. Beide Formate leben heute parallel, und beide haben ihre Nische. Wann lohnt welches?

Dateigröße: Der harte Vorteil

Der eindeutigste Unterschied steckt in der Kompression. GIF speichert jedes Einzelbild als separate Palette mit max. 256 Farben und nutzt LZW als verlustfreie Komprimierung. Es gibt keine Inter-Frame-Prediction, jedes Bild steht für sich. H.264 dagegen analysiert Bewegung zwischen Frames und speichert nur die Differenzen, plus verlustbehaftete DCT-Transformation der Restdaten.

Konkret heißt das: Ein 3-Sekunden-Loop mit moderater Bewegung wiegt als GIF rund 5 MB, als H.264-MP4 unter 400 KB. Für Websites, die auf Largest Contentful Paint achten, ist das nicht „nice to have“, sondern messbar relevant. Google empfiehlt seit 2017 in den web.dev-Guides ausdrücklich, GIFs durch <video>-Elemente zu ersetzen.

Browser- und App-Kompatibilität

GIF läuft seit Mosaic 0.9 (1993) in jedem Browser, jedem Mail-Client, jeder Chat-App. MP4 in der H.264-Variante seit Safari 3.1 (2008) und ist heute Pflicht-Repertoire jedes Browsers. Im Mail-Kontext ändert sich das Bild: Gmail, Outlook und Apple Mail spielen <video>-Tags nicht ab, hier bleibt GIF die einzige Option für inline-bewegte Bilder.

Umgebung	GIF	MP4 (H.264)
Chrome, Firefox, Safari, Edge	Ja	Ja, seit 2010
iOS Safari	Ja	Ja, mit playsinline
Gmail / Outlook / Apple Mail (inline)	Ja	Nein, nur als Anhang
Discord-Chat (inline)	Ja, < 8 MB	Ja, > 8 MB als Player
WhatsApp (gesendet)	Bis 3 MB als GIF, größer wird MP4	Bis 16 MB
Slack-Channel	Ja, animiert	Ja, mit Player

Audio und Loop-Verhalten

GIF hat keine Tonspur, Punkt. Wer Sound in einem animierten Inhalt braucht, kommt am Video-Container nicht vorbei. MP4 transportiert standardmäßig eine AAC-Spur, optional auch mehrere (z.B. Original plus Voice-Over).

Beim Loop-Verhalten verhalten sich beide Formate unterschiedlich: GIF speichert in einem Application Extension Block (NETSCAPE 2.0), wie oft die Animation wiederholt werden soll, Default ist endlos. MP4 dagegen kennt keinen nativen Loop-Header, das macht der Player über das loop-Attribut. Wer Endlos-Loops will, muss bei <video> explizit <video autoplay muted loop playsinline> schreiben.

Animated GIFs can be hundreds of times larger than the same video. Most browsers can play H.264 video, so converting GIFs to video can dramatically reduce page weight.

Farbtiefe und Bildqualität

Hier wird es krass: GIF kennt pro Frame eine Palette von max. 256 Farben. Wer einen Sonnenuntergang, eine sanfte Hautfarbe oder Rauch animieren will, sieht das hässliche Dithering sofort. MP4 mit yuv420p kennt 16,7 Mio. Farben (8 Bit pro Kanal, Chroma-Subsampling 4:2:0). Sub-Sampling halbiert die Auflösung der Farbkanäle, was beim menschlichen Auge aber kaum auffällt.

Praktisch: Wer einen Cinemagraph mit langsamen Bewegungen oder einen Memes mit vielen Farben kodiert, kriegt in MP4 ein deutlich saubereres Ergebnis bei einem Bruchteil der Größe.

Wo GIF noch gewinnt

Drei Nischen bleiben:

1. Inline-E-Mail: Gmail, Outlook, Apple Mail spielen <video> nicht inline ab.
2. Transparenter Hintergrund: GIF kann 1-Bit-Alpha, MP4 mit H.264 nicht. Wer animierte Logos mit transparenter Maske braucht, greift zu GIF oder zu animiertem WebP (mit Alpha-Kanal).
3. Mini-Reaction-GIFs unter 0,5 Sekunden: Hier ist der MP4-Header-Overhead grösser als der Bildinhalt.

Empfehlung für den Alltag

Für jeden Use-Case, der nicht in einer der drei GIF-Nischen liegt, ist MP4 die richtige Wahl. Auf einer Webseite spart die Konvertierung Bandbreite und verbessert die Web Vitals messbar. In Social-Media zwingt der Algorithmus ohnehin zu Video-Formaten, GIFs werden serverseitig in MP4 umgepackt. In Messengern liegen die Datei-Limits niedrig genug, dass MP4 fast immer der einzige Weg ist, etwas Längeres als ein Zwei-Frame-Wink zu verschicken.

Wer es genau wissen will, vergleicht das eigene Material in beiden Formaten und schaut auf das Bildschirm-Ergebnis bei Mobile und Desktop. In neun von zehn Fällen liegt MP4 vorne.