Das WebM-Format: Die Open-Source-Zukunft des Web-Videos

Wenn Sie heute im Internet surfen, konsumieren Sie ständig Videos. Von massiven 4K-YouTube-Uploads bis hin zu winzigen Animationen in Endlosschleife im Hintergrund moderner Landingpages – Videos sind überall. Lange Zeit war das MP4-Format der unangefochtene König der Web-Videos.

Im Jahr 2010 führte Google jedoch einen neuen Herausforderer ein, der speziell für die einzigartigen Anforderungen des Internets entwickelt wurde: das WebM-Format.

WebM versprach, offen, lizenzfrei und hochgradig für die Webbereitstellung optimiert zu sein. Heute ist es eine grundlegende Technologie für die moderne Webentwicklung. In diesem Leitfaden werden wir untersuchen, was eine WebM-Datei ist, wie sie funktioniert, wie sie im Vergleich zu MP4 abschneidet und warum Sie sie verwenden sollten.

Was ist eine WebM-Datei?

WebM ist ein audiovisuelles Mediendateiformat. Wie MP4 oder AVI ist WebM ein Containerformat. Das bedeutet, dass die WebM-Datei selbst nicht das Video oder Audio definiert; sie hält (enthält) einfach die Videostreams und Audiostreams zusammen.

Das bestimmende Merkmal von WebM ist, was sich in diesem Container befinden darf:

Video-Codecs: WebM verwendet ausschließlich die Video-Codecs VP8, VP9 oder AV1.
Audio-Codecs: WebM verwendet ausschließlich die Audio-Codecs Vorbis oder Opus.

Da Google die Spezifikationen des WebM-Containers streng kontrolliert, ist garantiert, dass jede WebM-Datei vollständig quelloffen (Open Source) und frei von komplexen Patentlizenzen ist, die ältere Formate plagen.

Die Ursprünge von WebM

Um zu verstehen, warum WebM entwickelt wurde, muss man sich den Zustand des Web-Videos in den späten 2000er Jahren ansehen.

Vor HTML5 erforderte die Einbettung eines Videos auf einer Website klobige, proprietäre Plugins wie Adobe Flash. Als das HTML5-<video>-Tag eingeführt wurde, ermöglichte es Browsern, Videos nativ abzuspielen. Es gab jedoch einen massiven Streit darüber, welches Videoformat der Standard sein sollte.

Apple und Microsoft drängten auf MP4 (H.264). Das Problem war, dass H.264 eine patentierte Technologie ist, die einem Konsortium namens MPEG LA gehört. Die kommerzielle Nutzung erforderte oft die Zahlung von Lizenzgebühren, was der offenen Natur des Webs widersprach.

Als Reaktion darauf erwarb Google ein Unternehmen namens On2 Technologies, das einen hocheffizienten Video-Codec namens VP8 entwickelt hatte. Google machte VP8 sofort zu Open Source, paarte es mit dem Open-Source-Audio-Codec Vorbis, verpackte sie in einem Container basierend auf dem Matroska (MKV)-Format und veröffentlichte es der Welt als WebM.

WebM vs. MP4: Der Schwergewichtskampf

Heute sind die beiden dominierenden Formate für Web-Videos WebM und MP4. Wie schneiden sie im Vergleich ab?

1. Dateigröße und Qualität

WebM (mit VP9 oder AV1): Bietet im Allgemeinen eine bessere Videoqualität bei deutlich kleineren Dateigrößen im Vergleich zu Standard-MP4 (H.264). Dies macht es für die Web-Auslieferung weit überlegen, da es Serverbandbreite spart und für Benutzer in mobilen Netzwerken schneller lädt.
MP4 (mit H.264): Größere Dateigrößen, aber sehr konstante Qualität. (Hinweis: MP4s mit dem neueren H.265-Codec bieten eine hervorragende Komprimierung, aber H.265 ist mit noch höheren Lizenzgebühren und schlechter Browserunterstützung belastet).

2. Lizenzierung und Patente

WebM: 100 % Open Source und lizenzfrei. Jeder kann Software zum Erstellen oder Abspielen von WebM-Dateien entwickeln, ohne einen Cent bezahlen zu müssen.
MP4: Proprietär und stark patentiert. Während es für Endbenutzer kostenlos ist, müssen große Plattformen und Softwareentwickler oft Lizenzgebühren an MPEG LA zahlen.

3. Kompatibilität

MP4: Der König der universellen Kompatibilität. Eine MP4-Datei wird auf buchstäblich jedem Gerät, Browser, Smart-TV oder Betriebssystem der letzten 15 Jahre abgespielt.
WebM: Hervorragende Unterstützung durch moderne Webbrowser (Chrome, Firefox, Edge und schließlich Safari). Es fehlt jedoch die native Unterstützung auf vielen älteren Smartphones, Smart-TVs und älterer Videobearbeitungssoftware (wie ältere Versionen von Premiere Pro).

Warum Webentwickler WebM lieben

Wenn Sie heute eine Website erstellen, bietet WebM mehrere Killerfunktionen, die es zum Format der Wahl für modernes Design machen.

Alpha-Kanal (Transparenz)

Dies ist wohl die beste Eigenschaft von WebM. Ein WebM-Video kann einen transparenten Hintergrund haben. Sie können ein Motiv vor einem Greenscreen filmen, den Hintergrund entfernen und es als transparentes WebM exportieren. Wenn es auf einer Website platziert wird, scheint der eigene Hintergrund der Website durch das Video hindurch. MP4 unterstützt keine Transparenz.

Der wahre GIF-Ersatz

Wie in unserem GIF-Format-Leitfaden besprochen, sind animierte GIFs massive, ineffiziente Dateien, die die Ladezeiten von Seiten zerstören. Eine lautlose WebM-Datei in Endlosschleife kann eine weitaus bessere Animationsqualität bei einem Bruchteil der Dateigröße eines GIFs liefern und die Leistung und die Core Web Vitals Ihrer Website drastisch verbessern.

So implementieren Sie WebM auf Ihrer Website

Da WebM nicht von jedem älteren Gerät (insbesondere von älteren iOS-Geräten) unterstützt wird, verwenden Webentwickler eine Technik namens Fallback-Routing mithilfe des HTML5-<video>-Tags.

Sie stellen dem Browser zuerst eine hochgradig optimierte WebM-Datei zur Verfügung. Wenn der Browser nicht weiß, wie er WebM abspielen soll, greift er automatisch auf eine Standard-MP4-Datei (Fallback) zurück.

<video autoplay loop muted playsinline>
  <!-- Moderne Browser spielen die winzige WebM-Datei ab -->
  <source src="animation.webm" type="video/webm">
  <!-- Ältere Browser greifen auf die größere MP4-Datei (Fallback) zurück -->
  <source src="animation.mp4" type="video/mp4">
  Ihr Browser unterstützt das Video-Tag nicht.
</video>

Fazit

WebM ist das Format, das vom Web für das Web entwickelt wurde. Durch die Kombination von Open-Source-Idealen mit modernster Kompressionstechnologie (VP9 und AV1) hat WebM sichergestellt, dass die Zukunft des Internet-Videos kostenlos, schnell und zugänglich bleibt. Während MP4 als universelles Fallback weiterhin notwendig ist, ist WebM das Tool, nach dem Sie greifen sollten, wenn Leistung, Transparenz und Effizienz Ihre obersten Prioritäten sind.