PNG (Portable Network Graphics) is een veelgebruikt afbeeldingsformaat dat bekendstaat om twee dingen: het ondersteunt transparante achtergronden, en het houdt elke pixel scherp zonder kwaliteitsverlies. Die combinatie maakt het de logische keuze voor logo’s, iconen, lijnafbeeldingen en screenshots waar strakke randen en doorzichtige delen tellen.
Stel je een sticker voor tegenover een afgedrukte foto. Een sticker heeft een uitgesneden vorm die op elk oppervlak past, terwijl een foto altijd een dichte rechthoek is. Een PNG is de sticker: door de transparante delen zweeft een logo netjes over elke kleur of afbeelding erachter. Een JPEG is de foto, beter voor rijke beelden over het hele frame waar klein detailverlies toch onzichtbaar is.
Er is een simpele test voor welke je pakt. Heeft de afbeelding vlakke kleur, scherpe tekst of een transparante rand? Gebruik PNG. Is het een foto vol verlopen en fijne variatie? Gebruik JPEG. Een screenshot van een app met strakke interfacetekst blijft leesbaar als PNG, maar wordt vaag als JPEG, omdat JPEG-compressie juist de harde randen uitsmeert waar het slecht in is. Kies je verkeerd, dan krijgt een logo zomaar een lelijke grijze rand waar de transparantie had moeten zitten. De afweging zit in de bestandsgrootte. Omdat PNG lossless is, slaat het meer data op en zijn de bestanden zwaarder, dus voor grote foto’s op een snelle website is het de verkeerde keuze. Voor strakke merkelementen is het echter moeilijk te verslaan, en daarom duikt het zo vaak op bij iconografie en responsive logo’s. Veel teams pakken tegenwoordig ook WebP of SVG, maar PNG blijft de veilige optie die overal werkt.
Bij TopDevs kiezen we per asset het juiste formaat, PNG voor transparante logo’s en iconen, lichtere formaten voor foto’s, zodat klantsites zowel scherp als snel blijven.
