# MP4 eller WebM: hvilket videoformat skal du eksportere [Canonical HTML page](https://gradiently.design/da/guide/mp4-vs-webm) To containere, en håndfuld codecs og ét praktisk spørgsmål: hvilken fil giver du Instagram, og hvilken lægger du på dit website. ## The short version - 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. 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. | Egenskab | MP4 | WebM | | --- | --- | --- | | Typiske videocodecs | H.264, H.265, AV1 | VP8, VP9, AV1 | | Typiske lydcodecs | AAC | Opus, Vorbis | | Filstørrelse | Lille | Ofte mindre ved samme kvalitet | | Afspilles på | Næsten alt | Moderne browsere; mere svingende i apps og redigeringsprogrammer | | Upload til sociale medier | Accepteres overalt | Accepteres ikke pålideligt | | Gennemsigtighed | Ikke med H.264 | Ja, med VP9 i browsere, der understøtter det | | Licenser | Nogle codecs kræver patentlicens | Åbent og licensfrit | Det store billede. Understøttelsen ændrer sig over tid, så tjek den aktuelle browserunderstøttelse på caniuse, før du stoler på et særtilfælde. ## 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 De formater, du oftest vil eksportere. Hver eneste af dem skal uploades som MP4. Den fulde liste over formater pr. platform finder du i [videostørrelser til sociale medier](https://gradiently.design/da/guide/social-video-sizes). ## 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. ```html ``` WebM først, MP4 som reserve. Posterbilledet vises, mens videoen indlæses, og for alle, hvis browser ikke kan afspille nogen af dem. 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](https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Video_codecs) er opslagsværket for, hvad hver browser afspiller. Er klippet en baggrund, dækker [videobaggrunde på websites](https://gradiently.design/da/guide/video-background-website) 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. ```bash # 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 ``` Lavere CRF betyder højere kvalitet og større filer. Fjern -an, hvis videoen har lyd, du vil beholde. > **Hvorfor yuv420p betyder noget** Nogle encodere laver MP4-filer i et farveformat, som telefoner og browsere nægter at afspille. Sætter du `yuv420p`, holdes filen i det format, alt forstår. ## Gradienter, 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. - Glat: nok bitrate: `linear-gradient(180deg, #0b1026 0%, #1e3a8a 55%, #60a5fa 100%)` - Trinvis: udsultet encoder: `linear-gradient(180deg, #0b1026 0% 20%, #13234f 20% 40%, #1e3a8a 40% 60%, #3f6fc4 60% 80%, #60a5fa 80% 100%)` Et overdrevet billede af banding. Løsningen er den samme i MP4 og WebM: mere kvalitet, lidt korn og ingen ekstra skalering. Årsager og løsninger for stillbilleder står i [banding i gradienter](https://gradiently.design/da/guide/gradient-banding). 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](https://gradiently.design/da/guide/gif-vs-mp4), og håndværket bag en god GIF i [animerede GIF’er](https://gradiently.design/da/guide/gif-maker-tips). ### 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](https://gradiently.design/da/guide/export-images-and-loops). ## FAQ ### 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.