GIF naar WebM omzetten

Deze pagina is voor een ontwikkelaar of sitebeheerder die een GIF in de eigen markup heeft staan, die is opgevallen in een snelheidsrapport, en die de HTML kan aanpassen — wat betekent dat er twee videobronnen kunnen worden aangeboden en de browser de kleinste kiest die hij ondersteunt.

Dat is een andere situatie dan simpelweg de GIF vervangen: het gaat om een bewuste keuze tussen codecs voor een `<video>`-element, niet om een enkelvoudige bestandsomzetting.

VP9, de codec in dit WebM-bestand, wordt niet door elke browser ondersteund op dezelfde manier als H.264 in MP4. Daarom hoort dit bestand naast een MP4-bron in de markup, niet in plaats ervan — de browser kiest zelf de eerste bron die hij afspeelt.

Wie al een MP4-versie heeft gemaakt via de vergelijkbare omzetting op deze site, kan die aanvullen met dit WebM-bestand als tweede `<source>`-element voor de browsers die VP9 kleiner comprimeren.

Een video in `<video autoplay muted loop playsinline>` wint van een GIF op bestandsgrootte, kleurdiepte, framerate en processorgebruik. Een GIF is beperkt tot 256 kleuren en heeft geen efficiënte compressie voor beweging; video-codecs zijn daar specifiek voor gebouwd.

De enige reden om terug naar GIF te gaan, is een bestemming die geen video accepteert — een oude editor, een platform met een vaste GIF-upload. Voor een eigen webpagina is video vrijwel altijd de betere keuze dan de GIF die je hier probeert te vervangen.

WebM kan in theorie een alfakanaal dragen, waarmee een doorzichtige achtergrond in een video mogelijk is. Deze omzetting schrijft dat alfakanaal niet: een transparante GIF komt er als een video met een dekkende achtergrond uit.

Voor animaties met een doorzichtige achtergrond die op een webpagina met een afwijkende achtergrondkleur moeten staan, is dat een reëel gemis om vooraf te weten.

VP9-codering kost meer rekentijd dan de meeste andere omzettingen op deze site. Voor een enkele korte GIF is dat verwaarloosbaar, maar bij een batch van meerdere langere animaties merk je het verschil in wachttijd.

Dat is een eigenschap van de VP9-codec zelf, niet iets wat door een andere instelling sneller wordt gemaakt.

De omzetting draait volledig in de browser, op de videocodecs van het apparaat zelf. Het GIF-bestand wordt niet naar een server gestuurd.

De limiet op het gratis plan is 100 MB per bestand, ruim voldoende voor de meeste geanimeerde GIF-bestanden op het web.

Tot honderd GIF-bestanden tegelijk kunnen in één sessie worden omgezet, elk met een eigen voortgangsindicator. Dat is bruikbaar bij een site-audit waarbij meerdere GIF’s tegelijk uit de markup verdwijnen.

Het resultaat komt terug als losse bestanden of als ZIP, klaar om als tweede `<source>`-element naast de MP4-versie in de markup te zetten.

De framerate en afmetingen van het bronbestand worden overgenomen; er wordt niet automatisch verkleind of versneld. Een grote of snelle GIF levert dus een even grote, even snelle video op.

Wil je de afmetingen aanpassen voor een specifieke plek op de pagina, dan is dat een aparte stap vóór of na deze omzetting.