Zum Hauptinhalt springen
PulsarKit

GIF vs. animiertes WebP vs. MP4, gemessen an einem Clip von 5 Sekunden

Ein Clip von 5 Sekunden, drei Formate, alle im Browser erzeugt: die Dateigrößen, die Erstellungszeiten und wie jedes Format aus der Nähe aussieht.

Von PulsarKit ·

Die kurze Antwort

Bei unserem Testclip war ein animiertes WebP aus Video in WebP bei jeder Breite und Bildrate, die wir verglichen haben, kleiner als ein GIF aus Video in GIF. Die GIF-Datei war 3,1- bis 4,9-mal so groß. Ein MP4 aus Videogröße ändern war noch kleiner: Die WebP-Datei bei 20 Bildern je Sekunde (fps) war 1,8- bis 2,4-mal so groß wie das MP4.

Zwei Einstellungen verändern das Bild. Bei 480 px und 15 fps war ein GIF ohne Dithering 1,70 MB groß, gegenüber 3,90 MB mit dem Standard-Dithering „Sierra (schärfer)“. Ein WebP mit Qualität 100 war 3,92 MB groß, so groß wie das Standard-GIF. Alle diese Zahlen stammen von einem Zeichentrickclip.

Wie wir gemessen haben

Bei unserer Prüfung am 30. Oktober 2026 haben wir fünf Sekunden aus Big Buck Bunny (© 2008 Blender Foundation, www.bigbuckbunny.org, CC BY 3.0) geschnitten: 640 × 359 px, 24 fps.

Wir haben drei Seiten auf pulsarkit.com benutzt, in Chrome 156 auf einem Computer. „Video in WebP“ blieb bei Qualität 75. „Video in GIF“ blieb bei „128 Farben“, „Sierra (schärfer)“ und „Endlosschleife“. „Videogröße ändern“ mit „Eigene Größe“ erzeugte das MP4, aus einer Kopie des Clips ohne Ton, denn GIF und WebP tragen keinen. Wir haben Breiten von 640, 480 und 320 px und 10, 15 und 20 fps ausprobiert, bei WebP außerdem 30. Das MP4 behielt 24 fps.

Die Uhr lief vom Erstellen-Button, bis „Herunterladen“ aktiv wurde. Jeder Durchlauf nutzte eine frische Browsersitzung, die Zeiten für WebP und GIF enthalten also das Laden der Engine. Die Größen sind in Megabyte zu 1.000.000 Byte angegeben; die Bildschirme der Tools zählen in Schritten von 1.024 und zeigen etwas weniger (3,7 MB für unser GIF mit 3,90 MB). Alle drei Tools laufen in Ihrem Browser.

Dateigrößen bei gleicher Breite und Bildrate

Das WebP gewann beim größten Bild am meisten. Bei 640 px war das GIF 4,9-, 4,8- und 4,7-mal so groß wie das WebP bei 10, 15 und 20 fps. Bei 480 px war es 4,1-, 4,1- und 4,0-mal so groß und bei 320 px 3,3-, 3,2- und 3,1-mal so groß.

Das MP4 war 1,09 MB groß bei 640 px, 0,65 MB bei 480 und 0,31 MB bei 320. Das WebP bei 20 fps war 1,8-, 2,0- und 2,4-mal so groß, das GIF 8,3-, 7,9- und 7,6-mal so groß. Ein anderer Encoder würde andere MP4-Größen ergeben. Bei 10 fps war das WebP bei 640 und 480 px etwa so groß wie das MP4, hatte aber weniger als halb so viele Einzelbilder.

„Video in WebP“ speichert jedes Einzelbild als ganzes Bild, die Datei wächst also mit der Bildanzahl. Bei jeder Breite waren die Dateien mit 15, 20 und 30 fps 1,5-, 2,0- und 3,0-mal so groß wie die Datei mit 10 fps. Ein MP4 speichert meist nur, was sich von Bild zu Bild ändert. Die Containerseite von Google (deutsche Fassung, gelesen am 30. Oktober 2026) sagt, das Rechteck eines Frames „kann das gesamte Canvas bedecken oder auch nicht“, ein anderer WebP-Encoder könnte also weniger speichern. Einen solchen haben wir nicht gemessen.

Was die Größe eines GIF bestimmt

Das Dithering zählt mehr als die Zahl der Farben. Es streut Punkte benachbarter Farben, um Farbtöne vorzutäuschen, die einer kleinen Palette fehlen. Bei 480 px und 15 fps war das Standard-GIF 3,90 MB groß, mit 256 Farben 4,48 MB und mit 64 Farben 3,34 MB. Ohne Dithering sank es auf 1,70 MB, mit „Bayer (gleichmäßiges Muster)“ auf 1,94 MB.

Der Preis ist sichtbar. In einem dreifach vergrößerten Einzelbild bei etwa 2,5 Sekunden hat das Standard-GIF Sprenkel über der Wand und farbige Punkte auf den Flügeln des Schmetterlings. Ohne Dithering zerfallen Himmel und Hügel in flache Streifen. Das WebP wirkt glatt, seine feine Textur etwas weicher. MP4 und Original sahen für uns gleich aus, an einem Einzelbild nach Augenmaß beurteilt.

Die GIF89a-Spezifikation (W3C, datiert auf den 31. Juli 1990) legt die Größe einer Farbtabelle mit einem 3-Bit-Feld fest: „Um die tatsächliche Größe der Farbtabelle zu bestimmen, nehmen Sie 2 hoch [Wert des Feldes + 1].“ (Die Spezifikation gibt es nur auf Englisch, das Zitat ist von uns übersetzt.) Eine Tabelle fasst also höchstens 256 Farben. Die WebP-FAQ von Google sagt in der deutschen Fassung: „WebP unterstützt 24-Bit-RGB-Farben mit einem 8-Bit-Alphakanal, während GIF nur 8-Bit-Farben und einen 1-Bit-Alphakanal unterstützt.“ Beide Seiten haben wir am 30. Oktober 2026 gelesen.

Wo WebP nicht kleiner ist

Bei hoher Qualität verschwindet der Vorsprung. Bei 480 px und 15 fps war das WebP mit Qualität 50 0,70 MB groß, mit 75 0,95 MB, mit 90 1,94 MB und mit 100 3,92 MB. Mit Qualität 100 ist das WebP so groß wie das Standard-GIF. Mit Qualität 90 ist die Datei größer als das GIF ohne Dithering. Beim Standard 75 war das WebP kleiner als alle fünf GIFs bei dieser Breite und Rate.

Screenshots, Logos, flache Grafiken, dunkles Material oder längere Clips haben wir nicht verglichen, und die Wiedergabe in Chat-Apps, E-Mail und Webformularen haben wir nicht getestet. Der Bildleitfaden von MDN (deutsche Fassung), den wir am 30. Oktober 2026 gelesen haben, nennt für WebP unter „Browser-Kompatibilität“: „Alle Versionen von Chrome, Edge, Firefox, Opera und Safari“.

Erstellungszeit und welches Format Sie wählen

Ein WebP von 5 Sekunden brauchte 7 bis 24 Sekunden zum Erstellen, am langsamsten bei 640 px und 30 fps. Das GIF brauchte 7 bis 19 Sekunden, das MP4 1,3 bis 2,1. Zum Erstellen des MP4 ist ein Browser mit eingebautem H.264-Encoder nötig. Ihr Computer wird andere Zeiten liefern.

Wo ein Video akzeptiert wird, war das MP4 am kleinsten und am schnellsten. Wo nur ein Bild akzeptiert wird, war WebP kleiner, überall dort, wo es angezeigt wird. Behalten Sie das GIF, wo nur ein GIF funktioniert. GIF in MP4 macht aus einem GIF ein Video, und Video schneiden schneidet vorher die Sekunden heraus, die Sie brauchen. Für Standfotos lesen Sie WebP vs. AVIF vs. JPEG, gemessen an einem Foto.

Zum Weiterarbeiten in einem anderen Tool kann PulsarKit eine lokale Kopie Ihrer Eingabe oder Ihres Ergebnisses in diesem Browser speichern. Die Kopie kann auch dann erhalten bleiben, wenn Sie den Tab schließen oder den Browser neu starten. Um sie zu entfernen, löschen Sie die Websitedaten von PulsarKit.

Tools aus diesem Artikel

Weiterlesen