PNG naar GIF omzetten

De meesten die naar een omzetting van PNG naar GIF zoeken denken aan bewegende GIF’s — de korte lusjes die het woord voor bijna iedereen inmiddels betekent. Dat is het duidelijk zeggen waard: van één PNG wordt er geen. Een animatie is een reeks beeldjes en één afbeelding is één beeldje. Elk hulpmiddel dat je een «bewegende» GIF uit één plaatje voorschotelt heeft je een stilstaand beeld met een misleidend etiket gegeven.

Wat je in plaats daarvan wilt hangt af van waar de animatie heen gaat. Voor een webpagina levert een korte MP4 omzetten naar WebM een veel kleiner bestand op met veel betere kwaliteit dan welke GIF ook. Voor een chat-app: die accepteren inmiddels bijna allemaal gewoon video. En heb je werkelijk een reeks beelden die beeldjes moeten worden, dan is dat een montageklus — een omzetting neemt één bestand aan en geeft één bestand terug, en die vorm past er niet op.

GIF bewaart een palet van hoogstens 256 kleuren en verwijst daar vervolgens naar. Een PNG kan er zestien miljoen beschrijven. Omzetten betekent kiezen welke 256 je houdt en elke andere kleur toewijzen aan de dichtstbijzijnde overlevende, en hoe zichtbaar dat is hangt volledig af van wat er op het plaatje staat.

Een logo, een pictogram, een schema, een schermafbeelding van een rekenblad — die bestaan uit een handvol vlakke kleuren en komen ongeschonden binnen. Een foto niet. Luchten, huid en elke geleidelijke overgang breken in zichtbare banen, omdat het vloeiende verloop is afgerond naar de dichtstbijzijnde van de 256. Onze kleurreductie kiest het palet op basis van hoe vaak een kleur in het beeld voorkomt, en veel beter kan dit niet, alleen ligt de grens bij het formaat en geen encoder komt eromheen.

Beide formaten kennen transparantie en ze bedoelen er iets anders mee. PNG bewaart voor elke beeldpunt een dekkingswaarde, zodat een rand geleidelijk van dicht naar onzichtbaar kan verlopen — daarom staat een PNG-logo netjes op elke achtergrond. GIF bewaart één bit: een beeldpunt is doorzichtig of niet.

In de praktijk worden zachte randen daardoor hard. Een gladgestreken ronding die eerst overliep in wat erachter zat krijgt een zichtbaar trapje, en een zachte slagschaduw verdwijnt of wordt een egaal grijs vlak. Moet het beeld op een gekleurde achtergrond staan en er goed uitzien, dan houden PNG en WebP de geleidelijke soort transparantie vast; GIF valt daar niet toe te bewegen.

Dat verrast mensen, want GIF voelt als een oud en klein formaat. PNG gebruikt een modernere compressor en doet het bij hetzelfde plaatje doorgaans beter, dus omzetten naar GIF levert vaak een groter bestand op in plaats van een kleiner — af en toe fors groter, als het beeld veel kleuren bevat die het palet met moeite moet benaderen.

Dat is het weten waard, want het haalt een van de gewone redenen om om te zetten weg. GIF is het goede antwoord wanneer iets verderop niets anders accepteert: een ouder forum, een e-mailsjabloon, een stuk industriële software, een systeem dat in 2009 voor het laatst is bijgewerkt. Het is niet het goede antwoord om een bestand kleiner te maken — dat is WebP, en die houdt elke kleur.

De kleurreductie en het schrijven van de GIF draaien allebei in je browser, met code die de pagina heeft opgehaald. Je beeld gaat nergens heen, er is geen wachtrij, en er komt geen account aan te pas. Je bevestigt het door het netwerktabblad van je ontwikkelaarsscherm open te zetten en te zien dat er niets uitgaat waar het bestand in zit.

Daarmee is er ook geen limiet die het noemen waard is. Zet één beeld om of honderd; sleep ze in één keer erin en haal de resultaten op als ZIP. Het kost ons bandbreedte voor de pagina en niets per omzetting, en daarom is er geen reden om er een meter op te zetten.

Kan het palet niet dragen wat het beeld nodig heeft, dan zijn er twee manieren om te falen. Rond elke beeldpunt af naar de dichtstbijzijnde overlevende kleur en je krijgt schone banen. Strooi beeldpunten van twee naburige kleuren door elkaar zodat het oog ze mengt, en de banen verzachten tot een fijne spikkel.

In het algemeen is geen van beide beter. Op een schema is het afronden onzichtbaar, want er viel niets af te ronden. Op een foto leest de spikkel meestal als minder fout dan strepen, alleen comprimeert ze slechter, dus een gestrooide GIF is het grotere bestand. De twee artefacten zijn dezelfde verloren informatie in andere kleren.

Er is één geval, en het is het geval waar GIF voor gebouwd is: een klein beeld van een paar vlakke kleuren met harde randen. Een pictogram van 32 beeldpunten in vier kleuren, een eenvoudig schema, een zwart-wit merkteken. Hier is het palet helemaal geen beperking — het beeld had nooit meer dan een handvol kleuren — en de compressie vindt precies de reeksen identieke beeldpunten die ze moest samenvouwen.

Zelfs dan zit PNG er meestal binnen een paar procent naast en vaak vóór. De eerlijke samenvatting is dat GIF nergens kleiner is dan PNG; hij is alleen niet veel groter voor de beelden waar hij voor gemaakt is.

PNG kan een kleurprofiel, een gammawaarde en tekstblokken dragen. GIF draagt een palet en verder bijzonder weinig. Alles wat de PNG wist over hoe zijn kleuren gelezen moesten worden valt weg, en dat is nog een reden waarom een foto er daarna niet alleen gebaand maar ook net iets scheef uit kan zien.

Lagen, als je uit een ontwerpprogramma exporteerde, zaten sowieso niet in de PNG. Beide formaten zijn platte plaatjes, en de structuur die er was woont alleen nog in het bestand waaruit je exporteerde.

Sleep er zoveel in als je wilt en haal de resultaten op als ZIP. Omdat er niets geüpload wordt is er geen limiet per bestand, geen wachtrij en geen account.

Het enige om in de gaten te houden is dat de kleurreductie de traagste stap op deze pagina is. Voor elk beeld wordt het palet apart berekend, dus honderd grote PNG’s duren merkbaar langer dan honderd kleine. Er mislukt niets — het duurt even.