WebM naar WebP omzetten

Een afbeelding bestemd voor een webpagina wordt op andere gronden beoordeeld dan eentje die een document ingaat. Niemand opent hem in een beeldviewer; het is een van de twintig dingen die een browser downloadt terwijl iemand beslist of hij blijft. De grootte in kilobytes is een echte kost, betaald door elke bezoeker.

Dat is het hele argument voor WebP boven JPG hier. Hetzelfde zichtbare resultaat, ongeveer dertig procent minder bytes, en universeel ondersteund in huidige browsers. Bij een raster van een dozijn tutorialminiaturen is dat een derde van het beeldgewicht weg zonder zichtbare verandering.

WebP en WebM komen uit dezelfde inspanning. Google bracht beide rond 2010 uit als royaltyvrije antwoorden op patentbelaste formaten, en WebP’s stilstaandebeeldcompressie groeide uit de intra-framecodering in VP8 — de videocodec waarop WebM is gebouwd. Een stilstaand beeld uit een WebM halen en als WebP schrijven staat dichter bij een familiegelijkenis dan bij een vertaling.

Dat maakt de omzetting niet verliesvrij. Het frame wordt gedecodeerd naar pixels en helemaal opnieuw gecodeerd, op een vaste kwaliteit van 82. Wat de familiegelijkenis wel oplevert, is dat het soort detail dat de videocodec bewaarde precies is wat de stilstaandebeeld-encoder goed bewaart.

Het nuttigste wat je met deze omzetting kunt doen ligt voor de hand zodra je het ziet: neem een frame uit de WebM en gebruik het als de `poster` van die video. Een browser toont de poster tot afspelen begint, dus wat mensen eerst zien is een echt beeld uit de video zelf.

Pak het van ongeveer een seconde in plaats van vanaf nul. Het allereerste frame van een opname is vaak een overvloeiing of een lege staat, en het is ook het frame dat de video meteen zelf tekent zodra hij start.

Het frame komt eruit op de eigen pixelafmetingen van de video, zonder schalen. Een 1080p-schermopname levert een WebP van 1920 bij 1080 op; een 4K-opname levert er een op van 3840 bij 2160. Dat is bewust — een frame heeft een echte resolutie en deze omzetting geeft die intact terug.

Het verkleinen hoort verderop in de keten. Wat je responsieve `srcset` genereert, de beeldpijplijn van je CMS of je buildstap weet al welke breedtes de lay-out nodig heeft, en doet dat beter vanaf een bronbestand op volle resolutie.

Het beeld in een WebM is gecodeerd voor beweging. Een videocodec besteedt zijn bits waar dingen bewegen en bezuinigt waar dat niet zo is, in de aanname dat niemand naar één frame zal staren. Bevries er een en je doet precies wat niemand zou verwachten.

Het praktische effect voor een miniatuur is klein, omdat een miniatuur op een fractie van zijn eigen formaat wordt getoond en verkleinen zachtheid goed verbergt. Het telt wanneer het stilstaande beeld groot wordt gebruikt — een heldenafbeelding, een illustratie over de volle breedte.

Browsers zijn niet langer het probleem; de lange staart zit elders. Sommige e-mailclients renderen geen WebP, dus een nieuwsbriefminiatuur moet een JPG zijn. Een aantal oudere desktoptoepassingen, drukwerkstromen en enkele uploadformulieren weigeren het formaat nog.

Binnen een browser mag je WebP als universeel beschouwen, wat het de pragmatische standaard maakt in plaats van AVIF. Is de bestemming iets anders dan een webpagina — een e-mail, een document, een printer — neem dan de JPG.

Een bibliotheek tutorials heeft elk een miniatuur nodig, wat één omzetting per video betekent in plaats van één per frame. Converteer, noteer het werkende tijdstip, ga naar het volgende bestand. Elke cyclus duurt een paar seconden omdat er tussendoor niets wordt geüpload.

Kies de tijdstippen bewust in plaats van overal nul te accepteren. Een raster miniaturen die allemaal een leeg venster of een laadspinner tonen, vertelt een bezoeker niets over welke video welke is.

De opnames die posterframes nodig hebben zijn vaak juist die nog niet zijn uitgekomen: een productdemo, een functie-uitleg, een cursusmodule. De hele video uploaden naar een converter om er een miniatuur van 60 KB uit te krijgen is veel blootstelling voor weinig werk.

Het decoderen en coderen gebeuren beide in het tabblad, met codecs die de browser al heeft voor het afspelen van WebM. Er wordt niets verzonden dat de video meeneemt, er is geen account en geen daglimiet.