Was ist ein GIF?
GIF steht für Graphics Interchange Format. Das Bildformat hat der Onlinedienst CompuServe 1987 herausgebracht, die heute übliche Fassung GIF89a stammt von 1990. Jedes Pixel zeigt auf eine Farbpalette mit höchstens 256 Farben. Komprimiert wird verlustfrei, eine Farbe darf durchsichtig sein.
Berühmt ist GIF aber für etwas anderes: Mehrere Einzelbilder hintereinander ergeben eine kurze Animation, das animierte GIF. Die Pause zwischen zwei Bildern legst du in Hundertstelsekunden fest. Die Endlosschleife kam 1995 mit dem Browser Netscape Navigator 2.0 dazu.
Wie groß das Format bis heute ist, zeigt GIPHY, die größte GIF-Suchmaschine: Laut Shutterstock, das GIPHY 2023 gekauft hat, laufen dort täglich über 1,3 Milliarden Suchanfragen.
Wo GIFs im Marketing passen — und wo nicht
GIFs haben zwei Stärken: Sie laufen fast überall ohne Abspielknopf, und sie bringen in zwei Sekunden eine Reaktion rüber. Ihre Schwäche: Für Bewegtbild sind sie technisch steinalt. Deshalb kommt es auf den Kanal an.
Kanal
Empfehlung
Newsletter
GIF ist gut — Video läuft in Mails meist nicht
Social & Chat
GIF oder Sticker, gern über GIPHY
Website
lieber stummes Loop-Video
Fotos, Verläufe
nie GIF, sondern JPEG, PNG oder WebP
Der Grund für die Website-Zeile ist die Dateigröße. Google zeigt auf web.dev ein Beispiel: Dieselbe Animation wiegt als GIF 3,7 MB, als MP4-Video 551 KB und als WebM 341 KB. Das Video ist also rund 85 bis 90 Prozent kleiner. Googles Prüfwerkzeug Lighthouse markiert große GIFs deshalb als Bremse und empfiehlt Video.
Beispiele aus der Praxis
Case A · Website
Produkt-Animation auf der Startseite
3,7 MB
als GIF
341 KB
als WebM-Video
Rund 90 % weniger Daten bei gleichem Bild
Werte aus Googles Beispiel auf web.dev. Gerade am Handy entscheidet das, ob die Seite flott lädt.
Case B · Newsletter
Animierter Rabatt-Banner
< 1 MB
Faustregel Dateigröße
Bild 1
trägt die Botschaft
Kernaussage und Rabatt stehen schon im ersten Bild
Die Grenze von 1 MB ist eine Faustregel von Litmus. Manche Outlook-Versionen zeigen nur das erste Bild.
Häufige Fehler
Fehler 1 · Riesen-GIF als Blickfang auf der Website
Eine 4-MB-Animation ganz oben kostet Ladezeit und drückt deine Core Web Vitals. Bau sie als stummes Video ein: <video autoplay loop muted playsinline> verhält sich für Besucher wie ein GIF, ist aber ein Bruchteil so schwer.
Fehler 2 · Die Botschaft kommt erst im dritten Bild
Laut Microsoft spielen aktuelle Outlook-Versionen GIFs ab. Hat jemand Animationen in Windows ausgeschaltet, sieht er trotzdem nur das erste Bild, ältere Desktop-Versionen ebenso. Pack Angebot und Handlungsaufforderung deshalb ins erste Bild und gib dem GIF einen Alt-Text.
Fehler 3 · Fotos und Verläufe als GIF speichern
256 Farben reichen für Icons und flächige Grafiken. Ein Foto bekommt damit Stufen und Krisseln, und die Datei wird trotzdem groß. Standbilder gehören in JPEG, PNG oder WebP.
Fehler 4 · Endlos flackern lassen
Die Richtlinien für Barrierefreiheit (WCAG 2.2) verlangen: Bewegung, die von selbst startet und länger als fünf Sekunden läuft, braucht Pause oder Stopp — oder sie hört von allein auf. Und nie mehr als drei Blitze pro Sekunde, das kann Anfälle auslösen. Lass dein GIF also ein paar Runden laufen und dann stehen.
So setzt du GIFs richtig ein
- Kurz halten: zwei bis vier Sekunden, wenige Bilder, harte Schnitte statt weicher Überblendungen — die machen die Datei laut Litmus um ein Vielfaches größer.
- Farben sparen: 64 bis 128 Farben reichen für Illustrationen meist. Werkzeuge wie ezgif oder Photoshop zeigen dir die Ersparnis sofort.
- Für Websites umwandeln: GIF mit ffmpeg oder einem Online-Konverter in MP4 und WebM verwandeln.
- Rechte klären: Szenen aus Filmen oder Serien sind in deiner Werbung nicht automatisch frei. Eigene GIFs aus Canva oder deinem Produkt sind die sichere Wahl.
Häufige Fragen
Spricht man GIF „Gif“ oder „Dschiff“?
Beides ist verbreitet. Der Erfinder Steve Wilhite bestand auf dem weichen G, also „Dschiff“ — 2013 zeigte er das sogar bei seiner Ehrung mit dem Webby Award. Im deutschen Alltag hörst du trotzdem meist das harte G.
Warum bewegt sich mein GIF im Newsletter nicht?
Meist liegt es an Outlook: Ältere Desktop-Versionen oder ausgeschaltete Animationen in Windows zeigen nur das erste Bild. Deshalb gehört die wichtigste Aussage immer ins erste Bild.
Wie groß darf ein GIF im Newsletter sein?
Als Faustregel unter 1 MB. Größere Dateien laden am Handy über Mobilfunk spürbar langsam. Kürzen, Farben reduzieren und weniger Bilder bringen am meisten.
Bremsen GIFs meine Website aus?
Große animierte GIFs ja. Dieselbe Animation als MP4 oder WebM ist oft rund 85 bis 90 Prozent kleiner. Lighthouse weist dich in seinem Bericht auf solche Kandidaten hin.
Sind animierte GIFs barrierefrei?
Nur, wenn sie nicht flackern und nach höchstens fünf Sekunden stoppen oder sich anhalten lassen. Dazu kommt ein Alt-Text, der sagt, was das GIF zeigt.
