Kort fortalt
- MP4 er det sikreste videoformat at eksportere, fordi det afspilles på næsten alle telefoner, browsere, redigeringsprogrammer og sociale platforme.
- WebM er et åbent, licensfrit format, der ofte er mindre end MP4 ved samme kvalitet, hvilket gør det nyttigt på websites.
- Til upload på sociale medier skal du eksportere MP4, fordi platformene pålideligt accepterer det og alligevel genkoder alt.
- På et website er et almindeligt mønster at tilbyde WebM først og MP4 som reserve i ét videoelement.
- WebM kan indeholde gennemsigtighed i browsere, der understøtter det, hvilket almindelig MP4 med H.264 ikke kan.
På denne side
I valget mellem MP4 og WebM skal du eksportere MP4, når du uploader et sted, du ikke selv styrer, som Instagram, TikTok, LinkedIn, en kundes indbakke eller et videoredigeringsprogram, fordi det afspilles næsten overalt. Vælg WebM til dit eget website, hvor det ofte er mindre ved samme kvalitet, og tilbyd helst begge, så hver browser vælger det, den afspiller bedst. Det dækker de fleste beslutninger. Resten af siden forklarer hvorfor, og de få tilfælde, hvor svaret ændrer sig.
Hvad MP4 og WebM egentlig er
Begge er containere: æsker, der rummer en videostrøm, en lydstrøm og nogle oplysninger om dem. Det, der afgør kvalitet og størrelse, er codec’et indeni. MP4 indeholder som regel H.264-video og AAC-lyd, nogle gange H.265 eller AV1. WebM indeholder VP8-, VP9- eller AV1-video med Opus- eller Vorbis-lyd. WebM blev skabt som et åbent, licensfrit format til nettet; MP4 er den veletablerede standard, som kameraer, telefoner og redigeringsprogrammer er bygget op omkring.
MP4
WebM
MP4
WebM
MP4
WebM
MP4
WebM
MP4
WebM
MP4
WebM
WebM
Hvilket format til sociale medier
Eksportér MP4. Alle store platforme accepterer det, og alle platforme genkoder det, du uploader, så en mindre WebM giver dig intet, når den først er der. Det, der faktisk ændrer, hvordan din video ser ud efter upload, er billedstørrelsen, billedhastigheden og kvaliteten af den fil, du sender. Send en ren MP4 i 1080×1920 til Reels og stories, eller 1080×1350 til et stående feedopslag, så har platformen intet at skalere om.
Reel, story, TikTok 9:16
1080 × 1920
Stående opslag 4:5
1080 × 1350
Kvadratisk opslag 1:1
1080 × 1080
Liggende 16:9
1920 × 1080
Den fulde liste over formater pr. platform finder du i videostørrelser til sociale medier.
Hvilket format til et website
På dit eget site styrer du afspilleren, så du kan tilbyde begge. Browseren læser source-elementerne i rækkefølge og afspiller det første, den understøtter. Sæt WebM først, hvis din WebM-fil er den mindste af de to, og behold MP4 som reserve til enhver browser, der ikke kan afspille 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 antager. For nogle klip, især meget korte eller meget enkle, er en velkodet MP4 lige så lille som WebM-filen, og det er enklere at servere én fil. MDN’s guide til videocodecs på nettet er opslagsværket for, hvad hver browser afspiller. Er klippet en baggrund, dækker videobaggrunde på websites posterbilleder, størrelser og ydeevne.
Konvertering mellem MP4 og WebM
Har du det ene format og brug for det andet, klarer det gratis kommandolinjeværktøj FFmpeg begge retninger. Kommandoerne nedenfor er fornuftige udgangspunkter til designede loops: ingen lyd, god kvalitet og en MP4, der begynder at spille, før den er helt hentet.
# 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.webmGradienter, banding og kvalitet
Bløde gradienter er det sværeste at komprimere. Store flader med langsomt skiftende farve afslører enhver mangel på bits som synlige trin, og mørke gradienter viser det først. Begge formater klarer det fint ved en generøs kvalitetsindstilling; ingen af dem gør ved en nærig. Et strejf af korn i designet hjælper meget, fordi encodere bevarer tekstur i stedet for at flade den ud til bånd.
Årsager og løsninger for stillbilleder står i banding i gradienter. Den animerede version tilføjer én regel mere: eksportér i præcis den størrelse, du udgiver i, så intet bliver skaleret to gange.
Hvor GIF passer ind
GIF er ikke et videoformat og er det største af de tre for det samme loop, med en grænse på 256 farver, der giver bånd i gradienter. Dens eneste højborg er mail, hvor de fleste indbakker viser GIF’er, og meget få afspiller video. Sammenligningen af alle tre står i GIF eller MP4, og håndværket bag en god GIF i animerede GIF’er.
Eksportér MP4 til
- Instagram, TikTok, LinkedIn, X, YouTube
- At sende til en kunde eller en redaktør
- Præsentationer og skærme, du ikke styrer
- Altid, når du er i tvivl
Eksportér WebM til
- Dit eget website, sammen med en MP4
- Overlays, der skal være gennemsigtige i browseren
- Sider, hvor hver kilobyte tæller
- Browserværktøjer, der optager WebM direkte
I Gradiently er videoeksport en Pro-funktion og kommer ud som MP4 eller WebM, afhængigt af hvad din browser kan optage. Uanset hvad får du den bevægelige Mark bag dine ord i op til 1080p, klar til at uploade eller indlejre. Detaljerne står i eksport af billeder og loops.
Spørgsmål, folk stiller
Er WebM bedre end MP4?
WebM er ofte mindre ved samme kvalitet og er åbent og licensfrit, men MP4 afspilles på langt flere enheder og apps. Til websites er WebM et godt førstevalg med MP4 som reserve; til alt andet er MP4 sikrere.
Kan jeg uploade WebM til Instagram eller TikTok?
Stol ikke på det. Konvertér til MP4 først, som alle platforme accepterer, i præcis den billedstørrelse, formatet du poster i, kræver.
Afspiller Safari WebM?
Nyere versioner af Safari afspiller WebM, men understøttelsen kom senere end i andre browsere og har varieret efter codec og enhed. Tilbyder du en MP4 som reserve, slipper du for spørgsmålet.
Hvad er mindst, MP4 eller WebM?
WebM med VP9 eller AV1 er ofte mindre end MP4 med H.264 ved samme kvalitet, men ikke altid. Kod begge, og sammenlign de faktiske filer.
Hvilket format understøtter gennemsigtig video?
WebM med VP9 kan indeholde en alfakanal, som browsere med understøttelse viser. Almindelig MP4 med H.264 kan ikke.
Skrevet af Gradiently
Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.
Se vores profil