MP4 eller WebM: hvilket videoformat du bør eksportere

I valget MP4 eller WebM bør du eksportere MP4 når du laster opp et sted du ikke kontrollerer, som Instagram, TikTok, LinkedIn, kundens innboks eller et videoredigeringsverktøy, fordi det spilles nesten overalt. Velg WebM til ditt eget nettsted, der det ofte er mindre ved samme kvalitet. Tilby helst begge, slik at hver nettleser velger det den spiller best. Det dekker de fleste valg. Resten av siden forklarer hvorfor, og de få tilfellene der svaret endrer seg.

Hva MP4 og WebM faktisk er

Begge er beholdere: pakker som inneholder en videostrøm, en lydstrøm og informasjon om dem. Kodeken inni avgjør kvalitet og størrelse. MP4 inneholder vanligvis H.264-video og AAC-lyd, noen ganger H.265 eller AV1. WebM inneholder VP8-, VP9- eller AV1-video med Opus- eller Vorbis-lyd. WebM ble laget som et åpent format uten royaltyavgifter for nettet. MP4 er den veletablerte standarden kameraer, telefoner og redigeringsprogrammer er bygget rundt.

Hvilket format du bør bruke i sosiale medier

Eksporter MP4. Alle store plattformer godtar det, og alle koder om det du laster opp. En mindre WebM gir deg derfor ingen fordel etter opplasting. Det som faktisk endrer videoutseendet, er bildestørrelsen, bildefrekvensen og kvaliteten på filen du sender. Send en ren MP4 i 1080×1920 til Reels og stories eller 1080×1350 til et stående feedinnlegg, så har ikke plattformen noe å skalere om.

Se videostørrelser i sosiale medier for hele listen over formater per plattform.

Hvilket format du bør bruke på et nettsted

På ditt eget nettsted styrer du avspilleren og kan tilby begge. Nettleseren leser source-elementene i rekkefølge og spiller det første den støtter. Sett WebM først hvis WebM-filen er den minste av de to, og behold MP4 som reserve for nettlesere som ikke kan spille den.

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

Mål før du antar. For noen klipp, særlig svært korte eller enkle, er en godt kodet MP4 like liten som WebM, og én fil er enklere å levere. MDNs guide til videokodeker på nettet er referansen for hva hver nettleser spiller. Er klippet en bakgrunn, dekker videobakgrunner på nettsteder plakatbilder, størrelser og ytelse.

Konvertere mellom MP4 og WebM

Har du ett format og trenger det andre, håndterer det gratis kommandolinjeverktøyet FFmpeg begge retninger. Kommandoene nedenfor er gode utgangspunkter for designløkker: ingen lyd, god kvalitet og en MP4 som begynner å spille før hele filen er lastet ned.

# 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

Gradienter, fargebånd og kvalitet

Myke gradienter er det vanskeligste å komprimere. Store flater der fargen endrer seg langsomt, avslører for få bits som synlige trinn, og mørke gradienter viser det først. Begge formatene håndterer dette godt med en romslig kvalitetsinnstilling; ingen gjør det med en knapp. Litt korn i designet hjelper mye, fordi kodere bevarer tekstur fremfor å flate den ut til bånd.

Årsaker og løsninger for stillbilder finnes i fargebånd i gradienter. Den animerte versjonen har én regel til: Eksporter i nøyaktig størrelsen du skal publisere, slik at ingenting skaleres to ganger.

Hvor GIF passer inn

GIF er ikke et videoformat og gir den største filen av de tre for samme løkke. Begrensningen på 256 farger gir fargebånd i gradienter. Formatets sterke side er e-post, der de fleste innbokser viser GIF-er og svært få spiller video. Sammenligningen av de tre finnes i GIF eller MP4, og håndverket bak en god GIF i animerte GIF-er.

I Gradiently er videoeksport en Pro-funksjon og gir MP4 eller WebM, avhengig av hva nettleseren kan ta opp. Uansett får du Marken i bevegelse bak ordene dine i opptil 1080p, klar til opplasting eller innbygging. Detaljene finnes i eksportere bilder og løkker.