PNG-bestandsformaat: definitie, voordelen, toepassingen en beste werkwijzen

PNG, een afkorting voor Portable Network Graphics, is een verliesvrij afbeeldingsformaat dat transparante achtergronden ondersteunt. Het is het meest geschikt voor logo's, pictogrammen, schermafbeeldingen en afbeeldingen met tekst of effen kleuren waarbij helderheid belangrijk is.

In tegenstelling tot JPEG behoudt PNG de beeldkwaliteit, zelfs na meerdere keren opslaan. Het nadeel is de bestandsgrootte. PNG-bestanden zijn doorgaans twee tot vijf keer groter dan JPEG-afbeeldingen. Deze handleiding legt uit wanneer je PNG in plaats van JPEG of WebP moet gebruiken, hoe PNG-compressie werkt en hoe je de bestandsgrootte kunt verkleinen zonder kwaliteitsverlies.

Kort samengevat: Het PNG-bestandsformaat uitgelegd

• PNG is een hoogwaardig afbeeldingsbestandsformaat dat gebruikmaakt van verliesvrije compressie, waardoor de beeldkwaliteit behouden blijft, zelfs na het wijzigen van de grootte of bewerking.

• PNG ondersteunt transparantie, waardoor het ideaal is voor logo's, pictogrammen en webafbeeldingen met een transparante achtergrond.

• Vergeleken met JPEG, GIF en TIFF is PNG het meest geschikt voor afbeeldingen met uniforme kleuren en webtoepassingen vanwege de goede balans tussen kwaliteit en bestandsgrootte.

• PNG-afbeeldingen moeten zorgvuldig worden geoptimaliseerd, omdat ze groot kunnen worden, vooral bij gebruik voor gedetailleerde afbeeldingen of uitgebreide bewerkingen.

Definitie en betekenis van het PNG-bestandsformaat

Het PNG-bestandsformaat, een afkorting van Portable Network Graphics, is een veelgebruikt afbeeldingsformaat dat is ontworpen voor het opslaan en verzenden van rasterafbeeldingen via internet.

PNG werd op 1 oktober 1996 geïntroduceerd als een patentvrij alternatief voor GIF en maakt gebruik van een verliesvrij compressiealgoritme om de oorspronkelijke beeldkwaliteit te behouden. Dit betekent dat er geen beeldgegevens verloren gaan tijdens compressie of decompressie, in tegenstelling tot de verliesgevende compressie die in JPG wordt gebruikt.

Een PNG-bestand begint met een vaste bestandssignatuur die het formaat identificeert en helpt bij het opsporen van transmissiefouten. Na de signatuur is de bestandsstructuur opgedeeld in blokken.

Elk chunk bestaat uit een lengteveld, een chunktypecode in ASCII-letters, een dataveld en een 32-bits CRC-waarde voor foutcontrole. Sommige chunks zijn essentieel en moeten in elk PNG-bestand voorkomen, zoals de IHDR-afbeeldingsheader, de IDAT-afbeeldingsdata en de IEND-einde-van-bestand-markering.

Het headergedeelte van de afbeelding bevat essentiële informatie zoals de breedte, hoogte, bitdiepte, kleurtype, compressiemethode, filtermethode en interlacingmethode van de afbeelding.

PNG ondersteunt kleurenafbeeldingen, grijswaardenafbeeldingen, geïndexeerde kleuren en een alfakanaal voor transparantie. Met ondersteuning voor 8-bits en 16-bits per pixel biedt PNG een hoge kleurnauwkeurigheid en een sterke beeldkwaliteit, waardoor het ideaal is voor logo's, pictogrammen en webpagina-afbeeldingen op alle besturingssystemen en webbrowsers.

Voordelen van PNG-bestandsformaten

Het gebruik van het PNG-bestandsformaat biedt vele voordelen. 

• Een voordeel is dat het met dit bestandstype mogelijk is om een ​​transparante achtergrond te gebruiken (in tegenstelling tot JPEG). Dit kan handig zijn voor het creëren van een afbeelding met een doorzichtig effect.

• Bovendien behouden PNG-afbeeldingen hun kwaliteit bij het verkleinen of vergroten, waardoor ze zowel voor kleine als grote afbeeldingen gebruikt kunnen worden zonder dat er details verloren gaan. 

• Een ander voordeel is dat PNG-bestanden veel kleiner zijn dan andere lossless bestandstypen zoals TIFF, waardoor ze ideaal zijn voor webgebruik of als bijlage bij e-mails.

Leer meer over: Inleiding tot de nieuwste beeldformaten

Hoe gebruik je PNG's in webdesign?

PNG-afbeeldingen zijn het meest geschikt voor webdesign wanneer de afbeelding grote vlakken met een uniforme kleur of een transparante achtergrond heeft. Dit komt doordat PNG-afbeeldingen verliesvrij zijn, wat betekent dat ze alle details van de originele afbeelding behouden. PNG-afbeeldingen hebben bovendien een kleinere bestandsgrootte dan JPEG's, waardoor ze sneller laden.

Om een ​​PNG-afbeelding in je webdesign te gebruiken:

• Zorg ervoor dat de afbeelding is opgeslagen als een .png-bestand.

• Gebruik een HTML-afbeeldingstag om de afbeelding in de code van je webpagina in te voegen. Het src-attribuut van de `img`-tag moet verwijzen naar de locatie van het PNG-bestand op je server.

• Stel de breedte- en hoogte-attributen zo in dat de afbeelding op de juiste grootte op uw pagina wordt weergegeven.

Als je een transparante PNG-afbeelding wilt maken, kun je een online tool zoals Pixlr of Photoshop gebruiken:

• Maak een nieuwe laag aan in je afbeeldingseditor en vul deze met de kleur die je transparant wilt maken.
• Stel de dekking van de laag in op 50% of minder.
• Sla je afbeelding op als een .png-bestand en upload het naar je server.

Wanneer deze afbeelding in een webbrowser wordt bekeken, zal deze een transparante achtergrond hebben.

Gerelateerd: Beste WordPress-plugins voor beeldoptimalisatie

Vergelijking van PNG met andere afbeeldingsbestandsformaten (JPEG, GIF, TIFF)

PNG is een uitstekende keuze voor afbeeldingen met grote vlakken met een uniforme kleur of afbeeldingen die een transparante achtergrond vereisen. Voordat u een beslissing neemt, is het echter belangrijk om rekening te houden met enkele cruciale verschillen tussen PNG en andere afbeeldingsbestandsformaten.

• JPEG is het meest geschikt voor afbeeldingen met veel details, zoals foto's. Het compressiealgoritme van JPEG zorgt voor enig detailverlies, waardoor het niet het ideale formaat is voor afbeeldingen met weinig kleuren of grote vlakken met een effen kleur.

• GIF is het meest geschikt voor kleine afbeeldingen met een beperkt aantal kleuren, zoals logo's of lijntekeningen. Het compressiealgoritme dat door GIF wordt gebruikt, kan artefacten (zichtbare vervorming) in de afbeelding veroorzaken als het niet zorgvuldig is geoptimaliseerd.

• TIFF is een hoogwaardig formaat dat geschikt is voor printtoepassingen. TIFF-bestanden zijn over het algemeen veel groter dan andere afbeeldingsbestandsformaten, waardoor ze niet ideaal zijn voor gebruik op het web.

Tips voor het maken en bewerken van PNG-afbeeldingen

Bij het werken met PNG-afbeeldingen zijn er een paar dingen om te onthouden voor een effectieve aanmaak en bewerking.

• PNG-afbeeldingen zijn het meest geschikt voor grote, uniforme oppervlakken. Dit betekent dat ze minder geschikt zijn voor foto's of afbeeldingen met veel details en variatie. Ze kunnen echter wel heel goed gebruikt worden voor logo's, pictogrammen en andere grafische elementen waarbij een strakke, eenvoudige uitstraling gewenst is.

• PNG-afbeeldingen ondersteunen transparantie. Dit betekent dat je een transparante achtergrond achter je afbeelding kunt hebben, wat handig kan zijn voor bepaalde soorten ontwerpwerk. Om een ​​transparante achtergrond in je PNG-afbeelding te creëren, gebruik je een online tool zoals Pixlr om de achtergrondkleur uit je afbeelding te verwijderen.

• Bij het bewerken van PNG-afbeeldingen is het essentieel om rekening te houden met de bestandsgrootte. Omdat PNG-afbeeldingen verliesvrij zijn (wat betekent dat ze geen kwaliteit verliezen bij bewerking of compressie), kunnen het vrij grote bestanden zijn. Daarom is het over het algemeen het beste om ze te bewerken in een programma zoals Photoshop, dat specifieke tools heeft voor het verwerken van grote bestanden.

Conclusie

PNG is een handig afbeeldingsbestandsformaat voor uiteenlopende toepassingen. Doordat het gegevens behoudt en afbeeldingen zelfs na compressie helder houdt, is het ideaal voor webpagina's, logo's en andere afbeeldingen met grote vlakken met een uniforme kleur of een transparante achtergrond.

Zoek je een afbeeldingsbestand van hoge kwaliteit dat minimale ruimte inneemt? Dan is PNG de perfecte oplossing!

Veelgestelde vragen over het PNG-bestandsformaat