Marknaden
Priser
Logga inKom igång
FältguidenRörelse
Rörelse

MP4 eller WebM: vilket videoformat ska du exportera

Två containrar, en handfull codecs och en praktisk fråga: vilken fil ger du till Instagram, och vilken lägger du på din webbplats.

GradientlyVerifierat Gradiently-konto·1 oktober 2026·5 minuters läsning
Omslag: Azure Sonnet · GR·SRZE·SD

Kortversionen

  • MP4 är det säkraste videoformatet att exportera eftersom det spelas på nästan varje telefon, webbläsare, redigeringsprogram och social plattform.
  • WebM är ett öppet, royaltyfritt format som ofta är mindre än MP4 vid liknande kvalitet, vilket gör det användbart på webbplatser.
  • Till uppladdning i sociala medier, exportera MP4, eftersom plattformarna pålitligt tar emot det och kodar om allt ändå.
  • På en webbplats är ett vanligt mönster att erbjuda WebM först och MP4 som reserv i ett och samma videoelement.
  • WebM kan bära transparens i webbläsare som stöder det, vilket vanlig MP4 med H.264 inte kan.
På den här sidan
Vad MP4 och WebM egentligen ärVilket format till sociala medierVilket format till en webbplatsAtt konvertera mellan MP4 och WebMGradienter, bandning och kvalitetVar GIF passar in

I valet MP4 eller WebM, exportera MP4 när du laddar upp någonstans du inte styr över, som Instagram, TikTok, LinkedIn, en kunds inkorg eller ett redigeringsprogram, eftersom det spelas nästan överallt. Välj WebM för din egen webbplats, där det ofta är mindre vid samma kvalitet, och erbjud helst båda så att varje webbläsare väljer det den spelar bäst. Det täcker de flesta beslut. Resten av sidan förklarar varför, och de få fall där svaret ändras.

Vad MP4 och WebM egentligen är

Båda är containrar: lådor som rymmer en videoström, en ljudström och lite information om dem. Det som avgör kvalitet och storlek är codecen inuti. MP4 bär oftast H.264-video och AAC-ljud, ibland H.265 eller AV1. WebM bär VP8-, VP9- eller AV1-video med Opus- eller Vorbis-ljud. WebM skapades som ett öppet, royaltyfritt format för webben; MP4 är den sedan länge etablerade standard som kameror, telefoner och redigeringsprogram byggdes kring.

Vanliga videocodecs

MP4

H.264, H.265, AV1

WebM

VP8, VP9, AV1
Vanliga ljudcodecs

MP4

AAC

WebM

Opus, Vorbis
Filstorlek

MP4

Liten

WebM

Ofta mindre vid liknande kvalitet
Spelas på

MP4

Nästan allt

WebM

Moderna webbläsare; ojämnare i appar och redigeringsprogram
Uppladdning till sociala medier

MP4

Accepteras överallt

WebM

Accepteras inte pålitligt
Transparens

MP4

Inte med H.264

WebM

Ja, med VP9 i webbläsare som stöder det
LicenserVissa codecs har patentlicenser

WebM

Öppet och royaltyfritt
EgenskapMP4WebM
Vanliga videocodecsH.264, H.265, AV1VP8, VP9, AV1
Vanliga ljudcodecsAACOpus, Vorbis
FilstorlekLitenOfta mindre vid liknande kvalitet
Spelas påNästan alltModerna webbläsare; ojämnare i appar och redigeringsprogram
Uppladdning till sociala medierAccepteras överalltAccepteras inte pålitligt
TransparensInte med H.264Ja, med VP9 i webbläsare som stöder det
LicenserVissa codecs har patentlicenserÖppet och royaltyfritt
Den stora bilden. Stödet förändras över tid, så kontrollera aktuellt webbläsarstöd på caniuse innan du förlitar dig på ett gränsfall.

Vilket format till sociala medier

Exportera MP4. Alla stora plattformar tar emot det, och alla plattformar kodar om det du laddar upp, så en mindre WebM ger dig ingenting när den väl är där. Det som faktiskt ändrar hur din video ser ut efter uppladdning är bildstorleken, bildfrekvensen och kvaliteten på filen du skickar. Skicka en ren MP4 på 1080×1920 för Reels och stories, eller 1080×1350 för ett stående flödesinlägg, så har plattformen inget att skala om.

Reel, story, TikTok 9:16

1080 × 1920

Stående inlägg 4:5

1080 × 1350

Kvadratiskt inlägg 1:1

1080 × 1080

Liggande 16:9

1920 × 1080

De bildformat du oftast exporterar. Alla ska laddas upp som MP4.

För hela listan över bildformat per plattform, se videostorlekar för sociala medier.

Vilket format till en webbplats

På din egen webbplats styr du spelaren, så du kan erbjuda båda. Webbläsaren läser source-elementen i ordning och spelar det första den stöder. Lägg WebM först om din WebM-fil är den minsta av de två, och behåll MP4 som reserv för webbläsare som inte kan spela den.

html
<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>
WebM först, MP4 som reserv. Postern visas medan videon laddas och för den vars webbläsare inte kan spela någon av dem.

Mät innan du antar. För vissa klipp, särskilt mycket korta eller mycket enkla, är en välkodad MP4 lika liten som WebM, och att servera en fil är enklare. MDN:s guide till webbvideocodecs är referensen för vad varje webbläsare spelar. Är klippet en bakgrund tar videobakgrunder på webbplatser upp posterbilder, storlek och prestanda.

Att konvertera mellan MP4 och WebM

Har du ett format och behöver det andra hanterar det gratis kommandoradsverktyget FFmpeg båda riktningarna. Kommandona nedan är rimliga utgångspunkter för designade loopar: inget ljud, bra kvalitet och en MP4 som börjar spelas innan den har laddats ner helt.

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
Lägre CRF betyder högre kvalitet och större filer. Ta bort -an om videon har ljud du vill behålla.

Därför spelar yuv420p roll

Vissa kodare skapar MP4-filer i ett färgformat som telefoner och webbläsare vägrar spela. Med yuv420p hålls filen i det format som allt förstår.

Gradienter, bandning och kvalitet

Mjuka gradienter är det svåraste att komprimera. Stora ytor med långsamt skiftande färg avslöjar varje brist på bitar som synliga steg, och mörka gradienter visar det först. Båda formaten klarar det bra vid en generös kvalitetsinställning; inget av dem gör det vid en snål. Lite korn i designen hjälper mycket, eftersom kodare bevarar textur i stället för att platta ut den till band.

En överdriven bild av bandning. Lösningen är densamma i MP4 och WebM: mer kvalitet, lite korn och ingen extra omskalning.

Orsakerna och lösningarna för stillbilder finns i bandning i gradienter. Den animerade versionen lägger till en regel till: exportera i exakt den storlek du ska publicera, så att inget skalas två gånger.

Var GIF passar in

GIF är inte ett videoformat och är störst av de tre för samma loop, med en gräns på 256 färger som bandar gradienter. Dess enda fäste är e-post, där de flesta inkorgar visar GIF:ar och mycket få spelar video. Jämförelsen mellan alla tre finns i GIF eller MP4, och hantverket att göra en bra finns i animerade GIF:ar.

Exportera MP4 till

  • Instagram, TikTok, LinkedIn, X, YouTube
  • Att skicka till en kund eller en redigerare
  • Presentationer och skärmar du inte styr över
  • Varje gång du är osäker

Exportera WebM till

  • Din egen webbplats, vid sidan av en MP4
  • Överlägg som behöver transparens i webbläsaren
  • Sidor där varje kilobyte räknas
  • Webbläsarbaserade verktyg som spelar in WebM direkt

I Gradiently är videoexport en Pro-funktion och kommer ut som MP4 eller WebM, beroende på vad din webbläsare kan spela in. Oavsett vilket får du den rörliga Marken bakom dina ord i upp till 1080p, redo att laddas upp eller bäddas in. Detaljerna finns i exportera bilder och loopar.

Designa med en levande gradient

Inlägg, stories, presentationer och banners i alla storlekar, med text som alltid går att läsa.

Börja designa, gratis

Vanliga frågor

Är WebM bättre än MP4?

WebM är ofta mindre vid liknande kvalitet och är öppet och royaltyfritt, men MP4 spelas på fler enheter och appar. För webbplatser är WebM ett bra förstaval med MP4 som reserv; till allt annat är MP4 säkrare.

Kan jag ladda upp WebM till Instagram eller TikTok?

Förlita dig inte på det. Konvertera till MP4 först, vilket alla plattformar accepterar, i exakt den bildstorlek som formatet du postar kräver.

Spelar Safari WebM?

Nya versioner av Safari spelar WebM, men stödet kom senare än i andra webbläsare och har varierat med codec och enhet. Att erbjuda en MP4-reserv undviker frågan.

Vilket är minst, MP4 eller WebM?

WebM med VP9 eller AV1 är ofta mindre än MP4 med H.264 vid liknande kvalitet, men inte alltid. Koda båda och jämför de faktiska filerna.

Vilket format stöder transparent video?

WebM med VP9 kan bära en alfakanal som webbläsare med stöd visar. Standard-MP4 med H.264 kan inte det.

Dela den här guiden

Skriven av GradientlyVerifierat Gradiently-konto

Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.

Se vår profil

På den här sidan

Vad MP4 och WebM egentligen ärVilket format till sociala medierVilket format till en webbplatsAtt konvertera mellan MP4 och WebMGradienter, bandning och kvalitetVar GIF passar in

Dela den här guiden

Nästa i Rörelse

Animerade GIF-filer: små, mjuka och i ditt varumärke

Läs vidare

Alla guider om Rörelse
Rörelse

GIF, MP4 eller WebM: vilket format ska du välja för loopar

5 minuters läsning

GIF är formatet alla känner till och nästan ingen bör använda på webben. Det är också det enda som fungerar i en inkorg. Här är vilket du ska välja, var och varför.

Rörelse

Videobakgrund på webbplats: vikt, autouppspelning och tillgänglighet

5 minuters läsning

En rörlig hero kan få en webbplats att kännas levande, eller göra den långsam, distraherande och svårläst. Skillnaden är en kort lista med tekniska och designmässiga val.

Använda Gradiently

Så exporterar du designer som bilder, PDF och loopande video

6 minuters läsning

En Exportera-knapp, sex format. Här är vilket du väljer för varje jobb, och hur du gör en loopande video där ingen kan se skarven.

Hitta looken som bara är din.

Varje Mark är en levande bakgrund med en enda ägare. Prova en ledig Mark och säkra din när det känns rätt.

Börja designa

Kontrollera ett certifikat

Skriv ett certifikatnummer eller en Marks kod för att se vem som äger den.

Fungerar med ChatGPT och Claude

Be din AI om en design. Den skapar den i din Mark, redo att redigera.

ChatGPTClaude
Så ansluter du

Produkt

  • Marknaden
  • Utforska
  • Priser
  • Certifikat

Lär dig

  • Fältguiden
  • Hjälpcenter
  • Nyheter

Utvecklare

  • Översikt
  • ChatGPT och Claude
  • API-referens
  • API-nycklar

Företaget

  • Om oss
  • Kontakta oss
  • Logga in

Juridik

  • Villkor
  • Integritet
  • Återbetalningar
  • Mark-skydd
  • Cookies
  • Alla policyer
Rör dig över bokstäverna. Var och en bär en riktig Mark.Tryck på en bokstav för att se dess Mark.Ett namn. Tio Marks inuti.
© 2026 Gradiently