Wat is PNG? Verliesvrije compressie en transparantie

PNG (Portable Network Graphics) is een afbeeldingsformaat dat beelden opslaat zonder ook maar enig detail te verliezen en volledige transparantie ondersteunt. Het is de standaard geworden voor schermafbeeldingen, logo's, iconen en interfaceafbeeldingen. Dit artikel vertelt waarom PNG is gemaakt, hoe de compressie werkt, waarom het soms heel grote bestanden oplevert en geeft praktische tips voor het converteren van PNG-afbeeldingen.

Hoe PNG ontstond: GIF en het LZW-patent

Begin jaren negentig waren de meeste afbeeldingen op het web GIF's, en GIF gebruikte het compressiealgoritme LZW, waarop Unisys patent had. Volgens de geschiedenis van het formaat van Greg Roelofs werd de licentieovereenkomst tussen CompuServe en Unisys op 28 december 1994 stilletjes aangekondigd, waardoor licentiekosten dreigden voor software die GIF-bestanden schreef. Na de reacties op Usenet plaatste Thomas Boutell op 4 januari 1995 het eerste concept van een patentvrij formaat, toen nog "PBF" genoemd. De naam "PNG" werd op 6 januari voorgesteld en in Draft 5 van 23 januari 1995 overgenomen. Met Draft 9 werd de specificatie op 7 maart 1995 bevroren.

Het W3C publiceerde PNG op 1 oktober 1996 als Recommendation, en volgens de Library of Congress verscheen dezelfde tekst in januari 1997 bij de IETF als RFC 2083. Een tweede editie met de errata volgde op 10 november 2003 en werd de internationale norm ISO/IEC 15948. De W3C PNG Third Edition, gepubliceerd op 24 juni 2025, nam geanimeerde PNG (APNG), de chunk cICP voor HDR-signalering en de chunk eXIf voor EXIF-gegevens op in de officiële specificatie.

Hoe PNG-compressie werkt

PNG is verliesvrij: de pixels die je krijgt als je het bestand opent, zijn bit voor bit de pixels die zijn opgeslagen. Het bestand wordt in twee stappen kleiner gemaakt.

1. Rijfilters

Vóór de compressie gaat elke rij pixels door een filter. In plaats van de pixelwaarde zelf slaat het filter het verschil met de buren op, en in egale of vloeiende vlakken liggen die verschillen dicht bij nul, waardoor ze veel beter comprimeren. De specificatie definieert vijf filtertypen: None, Sub (de pixel links), Up (de pixel erboven), Average (het gemiddelde van links en boven) en Paeth (een voorspelling op basis van de pixels links, boven en linksboven). Een encoder kan voor elke rij een ander filter kiezen.

2. DEFLATE

De gefilterde gegevens worden gecomprimeerd met DEFLATE, hetzelfde algoritme als in ZIP-bestanden, en in zlib-formaat opgeslagen in IDAT-chunks. Het is de enige compressiemethode die de specificatie definieert, en ze gebruikt een schuivend venster van maximaal 32 KB. Verschillende programma's maken van dezelfde afbeelding PNG's van verschillende grootte, omdat ze meer of minder moeite steken in de filterkeuze en de DEFLATE-instellingen; de afbeelding zelf is identiek.

Chunkstructuur

Een PNG-bestand begint met een handtekening van 8 bytes, gevolgd door chunks: IHDR voor de header, IDAT voor de beeldgegevens en IEND om het bestand af te sluiten. Optionele chunks kunnen een kleurprofiel (iCCP), gamma (gAMA), tekst (tEXt, iTXt) en eenvoudige transparantie (tRNS) bevatten.

Kleurtypen, bitdiepte en transparantie

PNG ondersteunt grijswaarden-, palet- (geïndexeerde) en truecolor-afbeeldingen. Volgens de Library of Congress loopt de samplediepte van 1 tot 16 bits; gangbare RGB-afbeeldingen gebruiken 8 bits per kanaal (24-bits), en waar nodig 16 bits per kanaal (48-bits). Een optioneel alfakanaal slaat voor elke pixel een eigen transparantiewaarde op. Dat is veel flexibeler dan de eenvoudige aan/uit-transparantie van GIF: schaduwen, zachte randen en halfdoorzichtige lagen zien er goed uit.

Met de optionele Adam7-interlacing verschijnt een afbeelding tijdens het laden eerst grof en daarna steeds scherper, maar het bestand wordt er meestal groter van.

Palet-PNG en kleurreductie

In een palet-PNG (geïndexeerd) slaat elke pixel geen kleur op, maar een index naar een palet van maximaal 256 kleuren. Logo's, iconen en vlakke illustraties met weinig kleuren passen zo in heel kleine bestanden. Palet-PNG's kunnen paletkleuren via de chunk tRNS ook een eigen transparantiewaarde geven, zodat halfdoorzichtige paletkleuren, anders dan bij GIF, mogelijk zijn.

Breng je een foto of kleurverloop terug tot een palet-PNG, dan krijg je wel kleurbanden en ditheringpatronen. Kleurreductie is dus een voorbewerking die je kiest op basis van het soort afbeelding; het PNG-formaat zelf blijft verliesvrij.

Hoe veel wordt PNG gebruikt?

Gegevens van W3Techs uit oktober 2026 tonen PNG op 74,9% van de gevolgde websites, waarmee het het meest gebruikte afbeeldingsformaat op websites is. Volgens de Web Almanac 2024 van HTTP Archive is 28,4% van de afbeeldingen op mobiele pagina's PNG, alleen JPEG (32,4%) ligt hoger. Hetzelfde rapport zet de mediane PNG op 3,8 bits per pixel, tegenover 2,0 voor JPEG en 1,3 voor WebP. Het bereik van PNG op websites komt grotendeels van logo's en iconen die transparantie nodig hebben; grote foto's als PNG serveren maakt pagina's onnodig zwaar.

Wanneer gebruik je PNG en wanneer iets anders?

Op de WebP-pagina van Google staat dat lossless WebP-afbeeldingen 26% kleiner zijn dan PNG's. Daarmee is WebP een goed alternatief voor afbeeldingen die in een browser worden getoond, al is PNG nog altijd breder compatibel en kan vrijwel elk programma het openen.

Veelvoorkomende problemen

Waarom is mijn PNG zo groot?

De meest voorkomende reden is een foto die als PNG is opgeslagen. Ruis en fijne details in foto's laten zich verliesvrij slecht comprimeren, waardoor dezelfde foto als JPG of WebP meerdere keren kleiner kan zijn. Bij schermafbeeldingen groeit de bestandsgrootte direct mee met de resolutie.

JPG naar PNG converteren maakte de kwaliteit niet beter

PNG bewaart de pixels zoals ze op het moment van opslaan zijn. De verliezen en blokartefacten van de JPG-compressie zitten al vóór de conversie in de afbeelding, en PNG bewaart die ook exact.

Na converteren naar JPG is de transparantie verdwenen

JPG heeft geen alfakanaal. Bij de conversie worden transparante pixels gevuld met een effen kleur; kies je er geen, dan wordt de standaard van het programma gebruikt (meestal wit of zwart).

Kleuren zien er anders uit

PNG kan een kleurprofiel en gamma-informatie bevatten. Programma's die dat anders interpreteren, tonen soms iets andere kleuren. sRGB gebruiken voor afbeeldingen die voor het web bedoeld zijn, is de veiligste aanpak.

Tips voor het converteren van PNG

• Maak fotoachtige PNG's kleiner. Bij het converteren van PNG naar JPG is de standaardkwaliteit 90; transparante delen worden standaard met wit gevuld, en je kunt een andere achtergrondkleur kiezen.
• Wil je transparantie behouden, converteer dan PNG naar WebP of PNG naar AVIF; beide formaten slaan een alfakanaal op. Moet in WebP elke pixel exact gelijk blijven, vink dan "Lossless WebP" aan; het bestand kan dan groter worden.
• Een PNG kleiner maken en toch PNG houden heeft beperkte ruimte: zolang de afbeelding gelijk blijft, komt de winst alleen uit het uitproberen van betere filters en compressie. Onze afbeeldingscompressor zet stilstaande PNG's standaard om naar WebP; wil je PNG houden, dan probeert de extra optie voor PNG-optimalisatie het bestand kleiner te maken zonder één pixel te veranderen.
• Een icoon nodig? De PNG naar ICO-converter verpakt een vierkant icoon van 16, 32 en 48 pixels (en grotere formaten als de afbeelding groot genoeg is) in één bestand.
• Deze conversies draaien in je browser, dus je bestanden verlaten je apparaat nooit. EXIF- en locatiegegevens worden niet naar de uitvoer geschreven.

Veelgestelde vragen

Is PNG lossy of verliesvrij?

PNG is verliesvrij. Hoe vaak je het bestand ook opent en opslaat, de pixels veranderen niet. Wat sommige tools "lossy PNG" noemen, is het aantal kleuren verminderen vóór het opslaan om een palet-PNG te maken; het verlies zit in die voorbewerking, niet in het formaat.

Ondersteunt PNG animatie?

Gewone PNG niet. De uitbreiding APNG voegt animatie toe en werd met de W3C PNG Third Edition onderdeel van de specificatie. Volgens MDN tonen alle actuele browsers APNG, maar veel beeldbewerkers openen alleen het eerste frame.

Wat betekenen PNG-8 en PNG-24?

Die namen staan niet in de specificatie; het is verkorte taal van software. PNG-8 betekent meestal een palet-PNG met maximaal 256 kleuren, PNG-24 een truecolor-PNG met 24 bits per pixel en PNG-32 een RGBA-PNG met alfakanaal.

Gebruik ik PNG of WebP?

Komt de afbeelding op een webpagina, dan geeft WebP meestal een kleiner bestand en blijft de transparantie ook behouden. Ga je de afbeelding in andere programma's bewerken, naar iemand sturen of archiveren, dan biedt PNG een bredere compatibiliteit.

Is PNG geschikt voor drukwerk?

Qua kwaliteit wel, want het is verliesvrij, maar PNG ondersteunt het CMYK-kleurmodel niet. Professionele drukprocessen werken meestal liever met TIFF of PDF.

Bronnen

• W3C: Portable Network Graphics (PNG) Specification (Third Edition)
• W3C: overzicht en geschiedenis van PNG
• Greg Roelofs: History of the Portable Network Graphics (PNG) Format
• Library of Congress: formaatbeschrijving van PNG
• Google for Developers: An image format for the Web (WebP)
• MDN: Image file type and format guide
• W3Techs: gebruiksstatistieken van afbeeldingsformaten op websites
• HTTP Archive Web Almanac 2024: Media