Naar inhoud springen

WebM of MP4

Vergelijk WebM en MP4 voor browserweergave, codec-ondersteuning, bestandsgrootte, bestanden voor editors en videolevering op websites met een fallbackpatroon.

Door Petr Samokhin

MP4 is de veiligste keuze voor één bestand bij direct delen, bewerken en onbekende afspeelapparaten. WebM is een sterk open formaat voor browserlevering met VP9 of AV1-video en Opus-audio. Op een website kunnen beide formaten moderne compressie combineren met een betrouwbare fallback.

WebM en MP4 zijn containers

Een container bevat video, audio, ondertitels, tijdinformatie en metadata. Een codec comprimeert de streams erin. Het vergelijken van alleen .webm en .mp4 verbergt de keuzes die het meest uitmaken voor kwaliteit, grootte en afspelen.

ContainerVeelvoorkomende video codecsVeelvoorkomende audio codecsTypische rol
WebMVP8, VP9, AV1Vorbis, OpusOpen browsermedia en weblevering
MP4H.264, H.265, AV1AAC, Opus in ondersteunde workflowsAlgemeen delen, apparaten, editors, web-fallback

Twee MP4-bestanden kunnen heel anders gedragen worden als de ene H.264 bevat en de andere HEVC. Twee WebM-bestanden kunnen verschillen omdat de ene VP9 gebruikt en de andere AV1. Noem altijd de codec-combinatie als je een technische beslissing neemt.

Compatibiliteit hangt af van de codec-combinatie

MP4 met H.264-video en AAC-audio blijft de meest betrouwbare combinatie als het bestand wordt geëmaild, geüpload naar een onbekende dienst, ingevoegd in presentatiesoftware of geopend op gemengde hardware. De kracht ligt in bereik, niet in gegarandeerde efficiëntie.

WebM met VP9 of AV1-video en Opus-audio is ontworpen voor webmedia en werkt goed in moderne browserworkflows. Oudere apparaten en sommige editors kunnen nog lastig zijn, vooral als de app het WebM-containerformaat ondersteunt maar niet het specifieke codecprofiel erin.

MDN raadt aan WebM te overwegen voor een open webformaat en MP4 voor algemene compatibiliteit in de media container guide . Verifieer de oudste browser, het oudste apparaat, de oudste editor en de oudste uploadservice die voor je doelgroep belangrijk zijn, in plaats van alleen te vertrouwen op de extensie.

Bestandsgrootte en kwaliteit zijn geen eigenschap van de extensie

WebM is niet altijd kleiner dan MP4, en MP4 is niet van nature van hogere kwaliteit. Bij dezelfde duur bepaalt het totale bitrate grotendeels de bestandsgrootte. Codec-efficiëntie, encoderinstellingen, broncomplexiteit, resolutie en framerate bepalen welke kwaliteit dat bitrate kan behouden.

Een zorgvuldig geëncodeerde VP9 WebM kan een slordige H.264 MP4 presteren bij een beperkt bitrate. Het omgekeerde komt ook vaak voor. Kies geen formaat op basis van een percentageclaim zonder bronvermelding.

Gebruik een eerlijke vergelijking:

  1. Begin met dezelfde bronmaster.
  2. Houd duur, resolutie, framerate en audiobehandeling consistent.
  3. Encodeer elke kandidaat vanuit de bron, niet vanuit het andere gecomprimeerde bestand.
  4. Vergelijk dezelfde moeilijke frames bij normaal afspelen en op volledige grootte.
  5. Test het afspelen op de daadwerkelijke bestemming.

Kies een formaat per bestemming

BestemmingBeter standaardReden
E-mail, chat of overdracht aan klantH.264 MP4Breed afspeelondersteuning
Social of upload naar derde partijHet gedocumenteerde formaat van de dienst, vaak MP4Voorkomt niet-ondersteunde combinaties
Website met slechts één bronH.264 MP4Conservatieve compatibiliteit
Website met meerdere bronnenWebM plus MP4-fallbackModerne optie met fallback
Delen met editorDe gedocumenteerde codec en container van de editorImport en scrubben zijn belangrijker dan de extensie

Geen enkel formaat moet je origineel vervangen alleen omdat het handig is om te delen. Bewaar het camerabestand of een hoogwaardige export voor bewerken, en maak kleinere kopieën voor elke bestemming.

Serveer WebM met een MP4-fallback op websites

HTML laat de browser meer dan één bron in volgorde proberen:

<video controls width="1280" height="720" preload="metadata">
 <source src="demo.webm" type="video/webm" />
 <source src="demo.mp4" type="video/mp4" />
 Download the <a href="demo.mp4">MP4 video</a>.
</video>

MDN documenteert dit multiple-container fallback pattern . Stel echte width- en height-attributen in om lay-outruimte te reserveren, voeg controls toe als de video niet decoratief is, en test de fallback door tijdelijk de ondersteuning voor de eerste bron te verwijderen.

Overweeg voor productiesites ook ondertitels, posterafbeeldingen, reduced-motion-gedrag en of een video boven de vouw überhaupt nodig is.

Converteer zonder onnodig kwaliteitsverlies

Alleen de container wijzigen heet remuxen. Het kan snel en verliesvrij zijn wanneer de bestaande video- en audiocodecs geldig zijn in de bestemmingscontainer. Het maakt de gecomprimeerde streams niet kleiner.

Opnieuw encoderen is nodig wanneer de bestemming de broncodec niet ondersteunt, of wanneer je een lager bitrate, kleinere resolutie of andere audioformaat nodig hebt. Encodeer vanuit de originele master één keer. WebM naar MP4 converteren en daarna terug naar WebM past twee verliesrijke passes toe en kan verloren detail niet herstellen.

Valideer het geconverteerde bestand in een speler anders dan de conversietool. Controleer duur, audiosyncronisatie, ondertitels indien aanwezig, en zoeken naar het einde toe.

Voor praktische conversiepaden zie video naar MP4 converteren op Mac of on Windows . Codec-achtergrond: wat zijn VP9 en AV1 .

Wanneer een eenvoudige MP4-share voldoende is

Een enkel H.264 MP4 kan werken wanneer ontvangers onbekend zijn, het uploadformulier MP4 vermeldt, of je één bestand nodig hebt dat opent in e-mail, chat en presentaties.

Bereid een WebM plus MP4-paar voor wanneer je de site beheert en moderne compressie met een fallback wilt. GetCompress kan veelvoorkomende videoformaten lokaal converteren en comprimeren voor die leverkopieën, inclusief WebM en MP4. Gebruik een breed compatibele MP4-voorinstelling wanneer ontvangers onbekend zijn. De HTML, ondertitels, caching en prestatiebudget van de site vereisen nog steeds aparte implementatie en testing. Exacte doelbestandsgrootte geldt alleen voor videoworkflows.