MP4 of WebM: welk videoformaat moet je exporteren

Bij de keuze MP4 of WebM exporteer je MP4 wanneer je uploadt naar een plek die je niet beheert, zoals Instagram, TikTok, LinkedIn, de inbox van een klant of een videoeditor, omdat het bijna overal speelt. Kies WebM voor je eigen website, waar het bij dezelfde kwaliteit vaak kleiner is, en bied bij voorkeur beide aan zodat elke browser het formaat kiest dat hij het best afspeelt. Daarmee heb je de meeste beslissingen gehad. De rest van deze pagina legt uit waarom, en de enkele gevallen waarin het antwoord verandert.

Wat MP4 en WebM eigenlijk zijn

Beide zijn containers: dozen met een videostream, een audiostream en wat informatie erover. Wat kwaliteit en grootte bepaalt, is de codec erin. MP4 bevat meestal H.264-video en AAC-audio, soms H.265 of AV1. WebM bevat VP8-, VP9- of AV1-video met Opus- of Vorbis-audio. WebM is gemaakt als open, royaltyvrij formaat voor het web; MP4 is de al lang gevestigde standaard waaromheen camera’s, telefoons en montagesoftware zijn gebouwd.

Welk formaat voor social media

Exporteer MP4. Elk groot platform accepteert het en elk platform codeert wat je uploadt opnieuw, dus een kleinere WebM levert niets op zodra hij er staat. Wat echt verandert hoe je video er na het uploaden uitziet, zijn de beeldgrootte, de framerate en de kwaliteit van het bestand dat je verstuurt. Stuur een schone MP4 van 1080×1920 voor Reels en stories, of 1080×1350 voor een staande feedpost, en het platform hoeft niets te herschalen.

Voor de volledige lijst met beeldformaten per platform, zie videoformaten voor social media.

Welk formaat voor een website

Op je eigen site beheer je de speler, dus je kunt beide aanbieden. De browser leest de source-elementen op volgorde en speelt de eerste af die hij ondersteunt. Zet WebM eerst als je WebM-bestand het kleinste van de twee is, en houd MP4 als terugval voor elke browser die het niet kan afspelen.

<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>

Meet voordat je iets aanneemt. Bij sommige clips, vooral heel korte of heel eenvoudige, is een goed gecodeerde MP4 net zo klein als de WebM, en één bestand aanbieden is eenvoudiger. De gids van MDN over webvideocodecs is de referentie voor wat elke browser afspeelt. Is de clip een achtergrond, dan behandelt videoachtergronden op websites posterafbeeldingen, formaten en prestaties.

Omzetten tussen MP4 en WebM

Heb je het ene formaat en heb je het andere nodig, dan kan het gratis opdrachtregelprogramma FFmpeg beide richtingen aan. De opdrachten hieronder zijn verstandige beginpunten voor ontworpen loops: geen audio, goede kwaliteit en een MP4 die begint te spelen voordat hij helemaal is gedownload.

# 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

Verlopen, banding en kwaliteit

Zachte verlopen zijn het moeilijkst te comprimeren. Grote vlakken met langzaam veranderende kleur laten elk tekort aan bits zien als zichtbare trappen, en donkere verlopen laten het het eerst zien. Beide formaten kunnen dit goed aan bij een ruime kwaliteitsinstelling; geen van beide bij een krappe. Een vleugje korrel in het ontwerp helpt enorm, omdat encoders textuur bewaren in plaats van die plat te drukken tot banden.

De oorzaken en oplossingen voor stilstaande beelden staan in banding in verlopen. De geanimeerde variant voegt nog één regel toe: exporteer op het exacte formaat waarop je publiceert, zodat niets twee keer wordt geschaald.

Waar GIF past

GIF is geen videoformaat en is voor dezelfde loop het grootste van de drie, met een limiet van 256 kleuren die verlopen laat bandvormen. Het enige bolwerk is e-mail, waar de meeste inboxen GIF’s tonen en heel weinig video afspelen. De vergelijking van alle drie staat in GIF versus MP4 en het vak van een goede maken staat in geanimeerde GIF’s.

In Gradiently zijn video-exports een Pro-functie en komen ze als MP4 of WebM, afhankelijk van wat je browser kan opnemen. In beide gevallen krijg je de bewegende Mark achter je tekst tot 1080p, klaar om te uploaden of in te sluiten. De details staan in afbeeldingen en loops exporteren.