MP4 oder WebM: Welches Videoformat du exportieren solltest

Bei der Wahl MP4 oder WebM exportierst du MP4, wenn du irgendwo hochlädst, das du nicht kontrollierst, etwa Instagram, TikTok, LinkedIn, das Postfach eines Kunden oder ein Schnittprogramm, weil es fast überall läuft. WebM wählst du für deine eigene Website, wo es bei gleicher Qualität oft kleiner ist, und idealerweise bietest du beides an, damit jeder Browser das nimmt, was er am besten abspielt. Das deckt die meisten Entscheidungen ab. Der Rest dieser Seite erklärt, warum, und nennt die wenigen Fälle, in denen sich die Antwort ändert.

Was MP4 und WebM eigentlich sind

Beide sind Container: Behälter für einen Videostream, einen Audiostream und ein paar Informationen darüber. Qualität und Größe entscheidet der Codec darin. MP4 trägt meist H.264 Video und AAC Audio, manchmal H.265 oder AV1. WebM trägt VP8, VP9 oder AV1 Video mit Opus oder Vorbis Audio. WebM wurde als offenes, lizenzfreies Format fürs Web geschaffen; MP4 ist der seit Langem etablierte Standard, um den herum Kameras, Handys und Schnittsoftware gebaut wurden.

Welches Format für Social Media

Exportiere MP4. Jede große Plattform akzeptiert es, und jede Plattform kodiert neu, was du hochlädst, ein kleineres WebM bringt dir dort also nichts. Was wirklich verändert, wie dein Video nach dem Upload aussieht, sind Bildgröße, Bildrate und die Qualität der Datei, die du schickst. Schick ein sauberes MP4 in 1080×1920 für Reels und Stories oder 1080×1350 für einen Feed Post im Hochformat, und die Plattform muss nichts umrechnen.

Die vollständige Liste der Formate nach Plattform findest du unter Videogrößen für Social Media.

Welches Format für eine Website

Auf deiner eigenen Seite kontrollierst du den Player, also kannst du beides anbieten. Der Browser liest die source Elemente der Reihe nach und spielt das erste ab, das er unterstützt. Setz WebM nach vorn, wenn deine WebM Datei die kleinere ist, und behalte MP4 als Fallback für jeden Browser, der es nicht abspielen kann.

<video autoplay muted loop playsinline
       width="1920" height="1080" poster="loop-poster.jpg">
  <source src="loop.webm" type="video/webm">
  <source src="loop.mp4" type="video/mp4">
</video>

Miss, bevor du etwas annimmst. Bei manchen Clips, vor allem sehr kurzen oder sehr einfachen, ist ein gut kodiertes MP4 genauso klein wie das WebM, und eine einzige Datei auszuliefern ist einfacher. Der Leitfaden von MDN zu Videocodecs im Web ist die Referenz dafür, was welcher Browser abspielt. Ist der Clip ein Hintergrund, behandelt Videohintergründe auf Websites Posterbilder, Größen und Performance.

Zwischen MP4 und WebM umwandeln

Hast du ein Format und brauchst das andere, erledigt das kostenlose Kommandozeilentool FFmpeg beide Richtungen. Die Befehle unten sind sinnvolle Ausgangspunkte für gestaltete Loops: kein Ton, gute Qualität und ein MP4, das schon abspielt, bevor es vollständig geladen ist.

# WebM to MP4 (H.264), ready for social uploads and the web
ffmpeg -i loop.webm -c:v libx264 -crf 20 -preset slow \
  -pix_fmt yuv420p -movflags +faststart -an loop.mp4

# MP4 to WebM (VP9), usually smaller for your website
ffmpeg -i loop.mp4 -c:v libvpx-vp9 -crf 32 -b:v 0 -an loop.webm

Verläufe, Banding und Qualität

Weiche Verläufe sind am schwersten zu komprimieren. Große Flächen sich langsam ändernder Farbe machen jeden Mangel an Bits als sichtbare Stufen sichtbar, und dunkle Verläufe zeigen das zuerst. Beide Formate kommen mit einer großzügigen Qualitätseinstellung gut damit zurecht, mit einer knausrigen keines. Ein Hauch Körnung im Design hilft sehr, weil Encoder Textur erhalten, statt sie zu Streifen zu glätten.

Ursachen und Lösungen für Standbilder stehen unter Banding bei Verläufen. Die animierte Version fügt eine Regel hinzu: Exportiere in genau der Größe, in der du veröffentlichst, damit nichts zweimal skaliert wird.

Wo GIF hineinpasst

GIF ist kein Videoformat und für denselben Loop das größte der drei, mit einer Grenze von 256 Farben, die Verläufe in Streifen zerlegt. Seine einzige Bastion ist die E-Mail, wo die meisten Postfächer GIFs anzeigen und nur sehr wenige Videos abspielen. Den Vergleich aller drei findest du unter GIF oder MP4, und wie du ein gutes GIF machst, unter animierte GIFs.

In Gradiently sind Videoexporte eine Pro Funktion und kommen als MP4 oder WebM heraus, je nachdem, was dein Browser aufnehmen kann. So oder so bekommst du den bewegten Mark hinter deinen Worten in bis zu 1080p, bereit zum Hochladen oder Einbetten. Die Einzelheiten stehen unter Bilder und Loops exportieren.