Heb je ooit een logo op een gekleurde achtergrond geplaatst en verscheen er een lelijk wit vlak omheen? Dan lag het aan het bestandsformaat. PNG is onder meer bedacht om precies dat op te lossen. Het is het standaardformaat voor elke afbeelding die een transparante achtergrond nodig heeft of geen kwaliteit mag verliezen bij het opslaan.
Waar staat PNG voor?
PNG staat voor Portable Network Graphics. Het formaat verscheen in 1995 als open, royaltyvrij alternatief voor GIF en groeide snel uit tot een van de meestgebruikte beeldformaten op het web. Anders dan JPG werkt PNG met verliesvrije compressie (lossless): er gaat geen enkele pixelinformatie verloren bij het opslaan.
Hoe werkt PNG?
PNG gebruikt een compressiealgoritme dat DEFLATE heet — hetzelfde dat in ZIP-bestanden zit — in combinatie met filters die pixels voorspellen. Het algoritme zoekt naar herhalende patronen in het beeld en codeert die efficiënter, zonder ook maar iets van de oorspronkelijke informatie weg te gooien.
Het gevolg: een PNG die je tien keer opslaat en heropent, is pixel voor pixel gelijk aan het origineel. Daarmee is het formaat ideaal voor alles waarbij beeldgetrouwheid telt — screenshots, logo's en afbeeldingen die je vaker gaat bewerken.
PNG ondersteunt daarnaast een speciaal alfakanaal, dat per pixel de transparantie regelt. Een pixel kan volledig dekkend zijn, volledig transparant of alles daartussenin — vandaar de zachte randen en schaduwen met echte transparantie.
Wat zijn de voordelen van PNG?
- Transparantie met alfakanaal: volledige ondersteuning voor transparantie, inclusief halftransparantie en zachte randen. Het is het enige breed ondersteunde formaat waarmee je beelden op elke achtergrond plaatst zonder wit vlak.
- Verliesvrije compressie: de oorspronkelijke kwaliteit blijft volledig behouden, hoe vaak je het bestand ook opslaat of opnieuw opent.
- Scherp bij tekst en graphics: rechte randen, letters en egale kleurvlakken blijven haarscherp, zonder de compressieartefacten die je in JPG ziet.
- Werkt overal: ondersteund door alle browsers, besturingssystemen en beeldbewerkingsprogramma's.
- Diepe kleurondersteuning: PNG kan overweg met 8 bit (256 kleuren), 24 bit (16,7 miljoen kleuren) en zelfs 48 bit voor professioneel werk.
Wat zijn de beperkingen van PNG?
- Grote bestanden bij foto's: verliesvrije compressie is bij fotografie minder efficiënt dan de lossy compressie van JPG. Een foto als PNG kan 5 tot 10 keer groter zijn dan dezelfde foto als JPG met vergelijkbare beeldkwaliteit.
- Geen animatie: PNG is een stilstaand formaat. Voor bewegend beeld met transparantie zijn WebP of APNG (geanimeerde PNG) alternatieven, maar de ondersteuning daarvan is beperkter.
- Niet geschikt voor foto's op websites: foto's als PNG plaatsen remt je laadtijd flink af. Voor fotografie zijn JPG of WebP altijd de betere keuze.
💡 Vuistregel: gebruik PNG als de afbeelding een transparante achtergrond heeft en voor logo's, iconen, screenshots en alle graphics met tekst en scherpe randen. Kies voor foto's op websites liever JPG of WebP — die zijn veel lichter zonder zichtbaar kwaliteitsverlies.
PNG-8 of PNG-24 — wat is het verschil?
| Kenmerk | PNG-8 | PNG-24 |
|---|---|---|
| Aantal kleuren | Tot 256 kleuren | Tot 16,7 miljoen kleuren |
| Transparantie | Binair (wel of niet, per pixel) | Volledig alfakanaal (256 niveaus) |
| Bestandsgrootte | Kleiner | Groter |
| Ideaal voor | Eenvoudige iconen, graphics met weinig kleuren | Logo's, beelden met halftransparantie |
Voor de meeste hedendaagse toepassingen — zeker logo's en beelden met zachte randen — is PNG-24 de aangewezen keuze, omdat je daarmee transparantie op elk niveau van dekking krijgt.
Wanneer kies je voor PNG?
Gebruik PNG in deze situaties:
- Logo's en huisstijl: als het logo op achtergronden in verschillende kleuren moet staan, zonder wit vlak eromheen.
- Screenshots: interfaces, dashboards en systeemschermen houden in PNG perfect leesbare tekst.
- Iconen en UI-elementen: knoppen, illustraties en interface-onderdelen die strakke randen nodig hebben.
- Beelden die je nog bewerkt: ga je een afbeelding steeds opnieuw openen, aanpassen en opslaan, dan voorkomt PNG het opstapelende kwaliteitsverlies van JPG.
- Infographics met tekst: graphics die tekst en beeld combineren blijven in PNG veel scherper.
PNG, JPG of WebP — de volledige vergelijking
| Kenmerk | PNG | JPG | WebP |
|---|---|---|---|
| Compressie | Zonder verlies (lossless) | Met verlies (lossy) | Allebei |
| Transparantie | Ja (alfakanaal) | Nee | Ja |
| Ideaal voor foto's | Nee | Ja | Ja |
| Ideaal voor logo's en iconen | Ja | Nee | Ja |
| Grootte bij foto's | Heel groot | Klein | Heel klein |
| Grootte bij logo's | Klein tot gemiddeld | Gemiddeld (met artefacten) | Klein |
| Overal ondersteund | Ja | Ja | Moderne browsers |
Hoe maak je PNG-bestanden kleiner?
Ook een verliesvrij formaat kun je flink verkleinen. Dat kan door de kleurdiepte terug te brengen (van PNG-24 naar PNG-8 als het beeld weinig kleuren gebruikt), overbodige metadata te verwijderen en efficiëntere compressiealgoritmes toe te passen, zoals Comprimeren doet. In veel gevallen levert dat 30% tot 50% winst op zonder enig zichtbaar verschil.
Comprimeer je PNG's zonder kwaliteitsverlies
Maak PNG-bestanden kleiner met behoud van de transparantie en de originele scherpte. Gratis en direct in je browser.
PNG-afbeeldingen comprimeren