MP4 vai WebM: kumpi videomuoto kannattaa viedä

Kun valitset MP4:n vai WebM:n, vie MP4 paikkoihin, joita et hallitse: Instagramiin, TikTokiin, LinkedIniin, asiakkaan sähköpostiin tai videoeditoriin. Se toistuu lähes kaikkialla. Valitse WebM omalle verkkosivullesi, jossa se on usein pienempi samalla laadulla. Tarjoa mieluiten molemmat, jotta selain valitsee parhaiten toistuvan. Tämä kattaa useimmat päätökset. Loput artikkelista selittää syyt ja muutamat tapaukset, joissa vastaus muuttuu.

Mitä MP4 ja WebM oikeastaan ovat

Molemmat ovat säiliöitä: ne sisältävät videovirran, äänivirran ja tietoja niistä. Laadun ja koon ratkaisee sisällä oleva koodekki. MP4 sisältää yleensä H.264-videota ja AAC-ääntä, joskus H.265:tä tai AV1:tä. WebM sisältää VP8-, VP9- tai AV1-videota ja Opus- tai Vorbis-ääntä. WebM luotiin avoimeksi, rojaltivapaaksi verkkovideomuodoksi. MP4 on pitkään vakiintunut standardi, jonka ympärille kamerat, puhelimet ja editointiohjelmat rakennettiin.

Mikä muoto someen

Vie MP4. Jokainen suuri alusta hyväksyy sen ja koodaa lataamasi tiedoston uudelleen. Pienempi WebM ei siis auta enää latauksen jälkeen. Videon ulkonäköön vaikuttavat todellisuudessa ruudun koko, kuvataajuus ja lähettämäsi tiedoston laatu. Lähetä Reeleihin ja tarinoihin siisti 1080×1920 MP4 tai pystysyötejulkaisuun 1080×1350, eikä alustan tarvitse muuttaa kokoa.

Alustakohtaiset kehykset löydät artikkelista somevideoiden koot.

Mikä muoto verkkosivulle

Omalla sivullasi hallitset toistinta, joten voit tarjota molemmat. Selain lukee source-elementit järjestyksessä ja toistaa ensimmäisen tukemansa. Laita WebM ensin, jos se on tiedostoista pienempi, ja pidä MP4 varalla selaimille, jotka eivät toista sitä.

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

Mittaa ennen oletuksia. Joissakin klipeissä, etenkin hyvin lyhyissä tai yksinkertaisissa, hyvin koodattu MP4 on yhtä pieni kuin WebM ja yhden tiedoston tarjoaminen helpompaa. MDN:n verkkovideokoodekkien opas kertoo, mitä kukin selain toistaa. Taustaklipeille verkkosivun videotaustat käsittelee julistekuvia, kokoja ja suorituskykyä.

MP4:n ja WebM:n muuntaminen

Jos sinulla on yksi muoto mutta tarvitset toisen, ilmainen komentorivityökalu FFmpeg hoitaa molemmat suunnat. Alla olevat komennot ovat järkeviä lähtökohtia suunnitelluille silmukoille: ei ääntä, hyvä laatu ja MP4, jonka toisto alkaa ennen latauksen valmistumista.

# 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

Liukuvärit, raidoittuminen ja laatu

Pehmeät liukuvärit ovat vaikeimpia pakattavia. Suuret, hitaasti muuttuvat värialueet paljastavat bittien puutteen näkyvinä askelina. Tummissa liukuväreissä tämä näkyy ensin. Molemmat muodot käsittelevät sen hyvin riittävällä laatuasetuksella, kumpikaan ei liian matalalla. Pieni rakeisuus suunnitelmassa auttaa paljon, koska koodaimet säilyttävät tekstuurin eivätkä litistä sitä raidoiksi.

Still-kuvien syyt ja korjaukset löytyvät artikkelista liukuvärin raidoittuminen. Animoitu versio lisää yhden säännön: vie täsmälleen julkaisukoossa, jotta mitään ei skaalata kahdesti.

Mihin GIF sopii

GIF ei ole videomuoto, ja samalla silmukalla se on kolmesta suurin. Sen 256 värin raja raidoittaa liukuvärejä. Sen vahvin alue on sähköposti, jossa useimmat ohjelmat näyttävät GIFit mutta harvat toistavat videon. Kolmen muodon vertailu on artikkelissa GIF ja MP4, ja hyvän GIFin tekemistä käsittelee animoidut GIFit.

Gradientlyssä videovienti kuuluu Prohon. Tiedosto on MP4 tai WebM sen mukaan, mitä selaimesi osaa tallentaa. Saat joka tapauksessa liikkuvan Markin sanojesi taakse enintään 1080p:n tarkkuudella, valmiina lataukseen tai upotukseen. Yksityiskohdat löytyvät artikkelista kuvien ja silmukoiden vienti.