PNG's hebben een slechte reputatie dat ze enorm zijn, en die is verdiend — een enkel icoon kan op de een of andere manier meer wegen dan een volledige foto. Het goede nieuws is dat het meeste van die opgeblazenheid verspild is, en dat je het eruit kunt strippen terwijl je de scherpe randen en de transparante achtergrond behoudt waarvoor je PNG in de eerste plaats nodig had.

Waarom PNG's zo groot zijn

Een PNG met transparantie comprimeren (en die behouden) — visual 1
Waarom PNG's zo groot zijn

PNG is een verliesvrij formaat. Anders dan JPEG gooit het niets weg — het slaat elke pixel exact op. Dat is perfect voor scherpe logo's, iconen en UI-screenshots, maar het betekent dat het bestand veel data eerlijk moet beschrijven.

De echte boosdoener is de kleurdiepte. Een standaard PNG kan tot 16 miljoen kleuren (24-bit) opslaan, plus een volledig transparantiekanaal. Maar je logo gebruikt waarschijnlijk een dozijn kleuren. Je iconenset misschien vijftig. Al die ongebruikte kleurcapaciteit kost nog steeds bytes om beschikbaar te houden. Je betaalt voor een canvas met 16 miljoen kleuren om een plaatje te schilderen dat er twintig nodig heeft.

Er is een tweede valkuil: mensen slaan foto's op als PNG. Een foto gebruikt echt miljoenen kleuren en subtiele verlopen, dus PNG kan hem niet goed comprimeren — het bestand wordt vijf tot tien keer groter dan dezelfde foto als JPEG of WebP. Als je "PNG-probleem" eigenlijk een foto is, is de oplossing hem converteren, niet comprimeren.

Kwantisatie: de oplossing die transparantie behoudt

Een PNG met transparantie comprimeren (en die behouden) — visual 2
Kwantisatie: de oplossing die transparantie behoudt

Voor echte PNG's — vlakke kleur, scherpe randen, transparantie — is de winnende zet kleurkwantisatie. In plaats van miljoenen mogelijke kleuren op te slaan, wordt de afbeelding teruggebracht tot een zorgvuldig gekozen palet van 256 kleuren. Omdat je afbeelding sowieso nooit meer dan een fractie daarvan gebruikte, ziet het resultaat er identiek uit terwijl het bestand 60–80% krimpt.

Het deel waar mensen zich zorgen over maken: vernietigt dit de transparante achtergrond? Nee. Kwantisatie verkleint het kleurpalet, maar het transparantiekanaal (alpha) blijft behouden. Je logo landt nog steeds schoon op elke achtergrond — geen wit blok, geen grijze rand. Dit is dezelfde techniek die de bekende "tinify"-achtige PNG-optimizers gebruiken, en het is waarom ze transparante PNG's zo dramatisch kunnen verkleinen.

IMG.DIY's Image Compressor past automatisch 256-kleuren-kwantisatie toe op PNG's. Je kiest geen kwaliteitsgetal — er is geen kwaliteitsschuif voor een verliesvrij formaat — je sleept het bestand er gewoon in en krijgt een veel kleinere PNG met de transparantie intact.

Snelle checklist voor transparante PNG's

  1. Bevestig dat het echt een afbeelding is, geen foto. Logo's, iconen, illustraties en UI-opnames → comprimeer als PNG. Foto's → converteer naar WebP (dat ook transparantie ondersteunt) of JPEG (dat niet).
  2. Snij te grote afmetingen bij. Een icoon van 2000px dat op 200px wordt getoond is 100× de pixels die het nodig heeft. Begrens eerst de breedte — de compressor heeft een optionele breedtelimiet.
  3. Kwantiseer. Laat de 256-kleurenreductie het zware werk doen. Transparantie overleeft.
  4. Verifieer de randen. Open op 100% en controleer de alpharanden tegen een drukke achtergrond om te bevestigen dat ze schoon zijn.

Doe het in batch, hou het privé

Heb je een hele iconenset of een map met geëxporteerde afbeeldingen, dan hoef je niet één voor één. De compressor verwerkt batches en geeft een ZIP terug, en geeft nooit een bestand groter dan het origineel — dus een map met al krappe PNG's groeit niet per ongeluk.

Alles draait volledig in je browser met Canvas en WebAssembly. Je PNG's worden nooit ergens naartoe geüpload, en na je eerste bezoek is de tool gecachet en werkt hij offline. Comprimeer de merkassets van een klant in een trein zonder signaal en er verlaat niets je laptop.

De kern: PNG's zijn groot omdat ze kleurcapaciteit hamsteren die je niet gebruikt. Kwantiseer naar 256 kleuren, behoud de transparantie, en zie het bestand krimpen zonder een zichtbare verandering.