CodeKitHubWat is deze tool?
PNG is verliesloos, dus er is geen "kwaliteits"-instelling om te verlagen — een naïeve her-encodering helpt nauwelijks. Echte PNG-compressie werkt anders: paletquantisatie reduceert de afbeelding tot een zorgvuldig gekozen set kleuren (tot 256). Omdat screenshots, logo's en interfacegrafiek toch zelden meer onderscheidende kleuren gebruiken, wordt het bestand 50–70% kleiner terwijl het er identiek uitziet. Transparantie (het alfakanaal) blijft volledig behouden.
Dit is de techniek achter bekende diensten zoals TinyPNG — het verschil hier is dat het in je browser draait via een open-source engine, zodat je afbeeldingen op je apparaat blijven en er geen dagelijkse bestandslimiet is.
Waarom gebruiken?
- Echte compressie (doorgaans 50–70%), geen placebo-her-encodering.
- Transparantie behouden — veilig voor logo's, iconen en UI-elementen.
- Geen upload, in tegenstelling tot diensten zoals TinyPNG — en dus geen limiet op het aantal bestanden.
- Instelbaar kleurenbudget (16–256) met besparing per afbeelding weergegeven.
- Batchondersteuning, gratis, geen watermerk.
Hoe te gebruiken
- Sleep PNG-bestanden naar het vak (de compressie-engine laadt automatisch, eenmalig).
- Houd 256 kleuren aan voor visueel identieke resultaten, of verlaag het aantal voor kleinere bestanden.
- Elk resultaat toont de exacte besparing — klik op Downloaden.
- Als een fotoachtige PNG niet genoeg krimpt, converteer deze dan naar JPG (zie PNG naar JPG).
Voorbeeld
Invoer
app-screenshot.png — 980 KBUitvoer
app-screenshot-compressed.png — 290 KB (−70%), 256 kleurenScreenshots en UI-afbeeldingen quantiseren uitstekend; het palet dekt elke kleur die ze daadwerkelijk gebruiken.
Uit onze eigen testen
Onze lanceringstest gebruikte een bewust lastige afbeelding: een 600×400 PNG gevuld met 200 overlappende, halfdoorzichtige kleurvlakken — veel rommeliger dan een gemiddeld screenshot. Bij 256 kleuren zakte het bestand van 31,1 KB naar 7,8 KB (−75%), met het alfakanaal intact. Echte UI-grafiek comprimeert nog beter omdat die minder onderscheidende kleuren gebruikt dan onze stresstest. De eerlijke keerzijde die we ook bevestigden: fotografische content vertoont zichtbare banding bij 256 kleuren — dan wil je liever de JPG/WebP-route nemen, en daarom staan de converterlinks in de sectie hierboven.
Veelvoorkomende toepassingen
- App- of websiteschermafbeeldingen verkleinen voordat je ze toevoegt aan een bugrapport of documentatiepagina.
- Een logo of iconenset voor een website comprimeren zonder de transparante achtergrond te verliezen waar ontwikkelaars op vertrouwen.
- De bestandsgrootte van UI-mockup-exports uit ontwerptools verkleinen voordat je ze met een team deelt.
- Het gewicht van een batch interfacegrafiek voor een stijlgids of designsysteem-repository verminderen.
Veelgestelde vragen
Hoe kan een verliesloos formaat verder worden gecomprimeerd?
Door het op een slimme manier licht lossy te maken: quantisatie kiest de ongeveer 256 kleuren die de afbeelding het best vertegenwoordigen en koppelt elke pixel daaraan. Bij afbeeldingen met een beperkt kleurenbereik is het resultaat visueel identiek — technisch lossy, in de praktijk niet te onderscheiden.
Blijft transparantie behouden bij compressie?
Ja — het alfakanaal blijft behouden, inclusief gedeeltelijk transparante pixels (schaduwen, anti-aliased randen). Dit is precies wat logo's en UI-elementen nodig hebben.
Wanneer werkt PNG-compressie slecht?
Bij foto's en vloeiende kleurverlopen — die gebruiken duizenden kleuren, waardoor 256 banding kan laten zien. Voor fotocontent bespaart converteren naar JPG of WebP veel meer; daar is onze PNG naar JPG-converter voor bedoeld.
Wat is het verschil met TinyPNG?
Dezelfde onderliggende techniek (paletquantisatie), vergelijkbare besparingen. De praktische verschillen: je bestanden worden hier nooit geüpload, er is geen limiet van 20 bestanden per batch, geen limiet van 5 MB, en geen betaald abonnement — omdat er geen server het werk doet.
Welk aantal kleuren moet ik kiezen?
Begin met 256 — visueel identiek voor bijna alle afbeeldingen. Verlaag naar 64 of 32 voor iconen en eenvoudige UI-elementen om nog meer te besparen; let daarbij op de voorbeeldminiatuur voor banding.