PNG was jarenlang het enige breed ondersteunde formaat met een volledig alfakanaal, en werd daardoor de standaard voor logo's, iconen en elke afbeelding met een transparante achtergrond. WebP heeft dat veranderd: ook dat formaat kent een volledig alfakanaal (inclusief gedeeltelijke transparantie en anti-aliasing langs de randen), met als voordeel dat de bestanden een stuk kleiner zijn. In 2026 hangt de keuze tussen de twee vooral af van waar de afbeelding terechtkomt.
De vergelijking in één oogopslag
| Kenmerk | PNG | WebP |
|---|---|---|
| Transparantie (alfakanaal) | ✅ Volledig alfakanaal | ✅ Volledig alfakanaal |
| Gedeeltelijke transparantie | ✅ 256 niveaus | ✅ 256 niveaus |
| Lossless compressie | ✅ Ja (standaard) | ✅ Ja (expliciete modus) |
| Lossy compressie | ❌ Nee | ✅ Ja (voor foto's) |
| Bestandsgrootte (eenvoudig logo) | Referentie (1×) | 20–30% kleiner |
| Browserondersteuning | 100% | >97% (2026) |
| Ondersteuning in e-mail | ✅ Universeel | ⚠️ Onvolledig |
| Ondersteuning in Office/Word/PowerPoint | ✅ Volledig | ⚠️ Gedeeltelijk (recente versies) |
| Ondersteuning in oudere software | ✅ Universeel | ⚠️ Wisselend |
| Is SVG beter voor schaalbare logo's? | PNG schaalt niet | WebP schaalt niet |
Hoeveel scheelt het echt in bestandsgrootte
Bij eenvoudige logo's en iconen met een transparante achtergrond wint lossless WebP het van PNG met 15% tot 40%, afhankelijk van hoe complex de afbeelding is. Hoe eenvoudiger het logo (minder kleuren, minder details), hoe groter de winst van WebP.
Bij ingewikkelder transparantie, denk aan uitgeknipte productfoto's met fijne randen, kan lossy WebP met alfakanaal nog verder gaan: bestanden die 50–70% kleiner zijn dan de PNG-versie, zonder dat je het verschil ziet.
📌 Voor logo's op moderne websites is SVG beter dan allebei. SVG is vectorformaat: het schaalt naar elk formaat zonder pixels te tonen en je past het aan via CSS. PNG en WebP zijn rasterformaten met een vaste resolutie. Gebruik op je site dus SVG voor logo's waar dat kan, en PNG of WebP alleen waar SVG niet geaccepteerd wordt. Meer daarover lees je in SVG vs PNG.
Wanneer je PNG kiest
- Logo's en iconen voor e-mailmarketing (gegarandeerde weergave)
- Afbeeldingen in Word, PowerPoint of Google Docs
- Bestanden die worden geopend op systemen die WebP misschien niet herkennen
- WhatsApp-stickers (verplicht formaat: transparante PNG)
- Logo's die je uploadt naar verouderde platforms
Wanneer je transparante WebP kiest
- Logo's en iconen op moderne websites en webapps
- Uitgeknipte productfoto's in webshops (Shopify, WooCommerce)
- Afbeeldingen met transparantie in banners en paginasecties
- Elke situatie waarin je PNG zou kiezen en de afbeelding op het moderne web belandt
Zet PNG om naar WebP, of andersom
De omzetting behoudt het alfakanaal: de transparantie blijft in het uitvoerbestand bewaard.
Gratis afbeelding converteren