Wie wandelt man ein GIF in ein Video um? Umwandlung nach MP4 und WEBM

Sie haben ein GIF und wollen es auf Ihre Website stellen. Die Datei ist 6 MB groß und die Seite lädt langsam. Oder Sie müssen ein GIF in ein Videoschnittprojekt übernehmen. Die Umwandlung von GIF in Video ist die Antwort auf beide Bedürfnisse und bringt meist einen dramatischen Größengewinn.

Warum man ein GIF in ein Video umwandeln sollte

Dateigröße. GIF verwendet eine ineffiziente Kompression von 1987 und nutzt die Redundanz zwischen Einzelbildern nur auf primitive Weise. Derselbe Inhalt belegt als MP4 meist ein Zehntel des Platzes. Aus einem GIF mit 6 MB wird ein MP4 mit 500 KB.

Seitengeschwindigkeit. Große GIFs verzögern das Laden der Seite auf mobilen Verbindungen spürbar. Auch Suchmaschinen nutzen die Seitengeschwindigkeit als Rankingsignal.

Bearbeitung. Videoschnittprogramme tun sich mit dem direkten Import von GIFs mitunter schwer oder interpretieren die Bildrate falsch. Die Umwandlung in ein Videoformat bringt den Arbeitsablauf in Ordnung.

Plattformanforderungen. Manche sozialen Netzwerke und Content-Management-Systeme verlangen Video.

Schritt 1: Setzen Sie die richtigen Erwartungen

Sagen wir eine wichtige Wahrheit gleich vorweg: Die Umwandlung steigert die Qualität nicht.

Ihr GIF ist bereits auf 256 Farben reduziert, und diese Farbinformation kehrt nicht zurück. Das Videoformat unterstützt volle Farbe, doch weil Ihre Quelle 256 Farben hat, sieht auch das Ergebnis nach 256 Farben aus. Streifenbildung und Flecken bleiben unverändert bestehen.

Der Gewinn liegt in der Dateigröße, nicht in der Qualität. Und dieser Gewinn ist meist groß.

Erfolgt die Umwandlung zudem in einen verlustbehafteten Videocodec (H.264, VP9), entsteht ein sehr kleiner zusätzlicher Verlust. Bei ausreichend gewählter Bitrate fällt das nicht auf – zumal die Quelle ohnehin nur 256 Farben hat und der Codec es damit leicht hat.

Schritt 2: Wählen Sie das Zielformat

MP4 (H.264): Die sicherste Wahl. Jeder Browser, jedes Gerät, jede Plattform unterstützt es. Im Zweifel nehmen Sie dieses Format.

WEBM (VP9): Bei gleicher Qualität etwa 30 % kleiner als MP4. Alle modernen Browser unterstützen es. Ideal, wenn Sie es auf Ihrer eigenen Website einsetzen.

Der beste Ansatz besteht darin, beide zu erzeugen und den Browser wählen zu lassen:

<video autoplay muted loop playsinline>
  <source src="animation.webm" type="video/webm">
  <source src="animation.mp4" type="video/mp4">
</video>

Der Browser verwendet die erste Quelle, die er unterstützt: moderne Browser WEBM, ältere MP4.

Schritt 3: Wandeln Sie um

Öffnen Sie das Werkzeug zur Umwandlung von GIF in Video, laden Sie Ihr GIF hoch und wählen Sie das Zielformat. Die Verarbeitung läuft in Ihrem Browser; Ihre Datei wird nicht an einen Server gesendet.

Während der Umwandlung werden im Hintergrund zwei technische Punkte erledigt:

Die Regel gerader Zahlen. Codecs wie H.264 speichern die Farbinformation horizontal und vertikal halbiert (4:2:0-Chroma-Unterabtastung). Das verlangt, dass Breite und Höhe gerade Zahlen sind. Weil GIFs keine solche Einschränkung kennen, sind Maße wie 401 × 267 verbreitet. Der Konverter behebt das meist, indem er ein Pixel abschneidet oder ergänzt – ein optisch nicht wahrnehmbarer Eingriff.

Normalisierung der Bildrate. In einem GIF hat jedes Einzelbild seine eigene Verzögerungszeit, die Bildrate kann sich also von Bild zu Bild ändern. Ein Video erwartet dagegen meist eine konstante Bildrate. Der Konverter wählt eine Ziel-Bildrate und verteilt die Einzelbilder entsprechend.

Sind die Verzögerungen in der Quelle unregelmäßig, kann ein leichter Zeitversatz entstehen. Bei einer kritischen Animation (etwa einer Oberflächenvorführung) empfiehlt es sich, das Ergebnis mit dem Original zu vergleichen.

Schritt 4: Prüfen Sie das Ergebnis

Ist die Dauer gleich geblieben? Bei der Bildratenumrechnung können kleine Abweichungen entstehen.

Stimmt die Bewegungsgeschwindigkeit? Nutzt Ihr GIF unregelmäßige Verzögerungen, läuft das Video mit konstanter Geschwindigkeit, und der Rhythmus kann sich ändern. Wenn Sie eine Verlangsamung oder Beschleunigung wahrnehmen, ändern Sie die Bildrateneinstellung und versuchen Sie es erneut.

Passen erstes und letztes Einzelbild zusammen? Weil das GIF in der Schleife lief, lagen Anfang und Ende nah beieinander. Diese Flüssigkeit soll auch beim Video in der Schleife erhalten bleiben.

Gibt es Bildstörungen? Bei zu niedrig gewählter Bitrate können in bewegten Bereichen Blockartefakte auftreten. Bei Videos aus GIF-Quellen ist das selten, weil die Quelle ohnehin einfach ist – prüfen Sie es dennoch.

Wie groß ist der Größengewinn? Üblicherweise ist eine Verkleinerung um den Faktor 5 bis 10 zu erwarten. Fiel die Verkleinerung gering aus, wurde die Bitrate womöglich unnötig hoch gewählt.

Schritt 5: Setzen Sie es im Web richtig ein

Die Attribute, mit denen sich ein Video wie ein GIF verhält:

| Attribut | Funktion | |---|---| | autoplay | Startet beim Öffnen der Seite von selbst | | muted | Stumm – ohne dieses Attribut erlauben Browser die automatische Wiedergabe nicht | | loop | Endlosschleife | | playsinline | Verhindert den Wechsel in den Vollbildmodus auf Mobilgeräten | | poster | Das Bild, das angezeigt wird, bis das Video geladen ist |

Das Attribut muted ist entscheidend: Browser blockieren die automatische Wiedergabe mit Ton, und ohne muted funktioniert autoplay nicht.

Auch playsinline ist für Mobilgeräte zwingend; ohne dieses Attribut öffnet iOS Safari das Video im Vollbild, und das GIF-ähnliche Verhalten geht verloren.

Ein Hinweis zur Nutzererfahrung: Automatisch startende Videos empfinden manche Nutzer als störend. Bei langen oder ablenkenden Animationen kann es die bessere Wahl sein, dem Nutzer mit dem Attribut controls die Kontrolle zu überlassen.

Wann Sie es als GIF belassen sollten

Die Umwandlung ist nicht in jedem Szenario richtig:

Wenn Sie es in E-Mails einsetzen. So gut wie kein E-Mail-Programm spielt Videos ab. Dort muss es ein GIF bleiben.

In alten Foren- oder Wikisystemen. Diese Umgebungen unterstützen meist nur Bildauszeichnungen.

In den GIF-Bibliotheken von Messenger-Apps. Manche Anwendungen behandeln GIF gesondert.

Bei sehr kleinen Dateien. Der Gewinn, ein GIF mit 100 KB in ein Video umzuwandeln, wiegt den zusätzlichen Aufwand womöglich nicht auf.

Wenn ein transparenter Hintergrund nötig ist. Videoformate unterstützen Alphatransparenz in der Praxis nicht. Die Transparenz von GIF ist zwar binär (ja/nein), aber immerhin vorhanden. Für bessere Transparenz sollten Sie animiertes WEBP oder APNG in Betracht ziehen.

Massenumwandlung

Liegen auf Ihrer Website viele GIFs, bringt es einen erheblichen Gewinn, sie alle umzuwandeln. Das Vorgehen:

1. Bestandsaufnahme. Welche GIFs werden wo verwendet, und wie groß sind sie?

2. Priorisieren. Beginnen Sie bei den größten Dateien; der Gewinn ist proportional.

3. Beide Formate erzeugen. Das Paar aus WEBM und MP4 bringt Effizienz und Kompatibilität zugleich.

4. HTML aktualisieren. Wandeln Sie <img src="x.gif"> in <video>-Blöcke um.

5. Sicherung behalten. Löschen Sie die GIFs nicht sofort; bewahren Sie sie eine Weile auf, um bei Problemen zurückkehren zu können.

Bei Messungen der Seitengeschwindigkeit zeigt sich der Unterschied meist sofort – besonders auf mobilen Verbindungen.

Zusammengefasst

Die Umwandlung von GIF in Video steigert die Qualität nicht (die Grenze von 256 Farben wurde bereits angewendet), bringt aber typischerweise einen zehnfachen Gewinn bei der Dateigröße. MP4 ist das sicherste Ziel; wenn Sie es auf Ihrer eigenen Website einsetzen, liefert die Bereitstellung zusammen mit WEBM das beste Ergebnis. Das Runden der Auflösung auf gerade Zahlen und die Normalisierung der variablen Bildverzögerungen des GIFs auf eine konstante Bildrate werden während der Umwandlung im Hintergrund erledigt – Letzteres kann bei kritischen Animationen einen leichten Zeitversatz erzeugen, prüfen Sie das Ergebnis daher. Verwenden Sie im Web für GIF-ähnliches Verhalten die Attribute autoplay muted loop playsinline. Bei E-Mails, alten Foren und wenn Transparenz nötig ist, ist es die richtige Entscheidung, das GIF unverändert zu belassen.