PNG is een van de populairste bestandstypen op het internet. Maar wat is het precies en moet u het gebruiken voor productafbeeldingen op uw webshop? 

In dit artikel behandelen wij alles wat u moet weten over het PNG-bestanden. Wij leggen uit wat het is, bespreken de voor- en nadelen ervan en of dit het beste bestandstype is voor productfoto’s. Ook maken wij de vergelijking met JPG, GIF en WebP.

Lees snel verder om er eindelijk achter te komen wat de verschillende bestandstypen precies inhouden en ontdek hoe Bright River u kan helpen met het bewerken van productbeelden voor een betere klantervaring en meer conversies op uw webshop.

Wat is een PNG-bestand?

PNG-bestanden (Portable Network Graphics) zijn afbeeldingsbestanden die eenvoudig gecomprimeerd kunnen worden om de bestandsgrootte te verkleinen. Ze worden vaak gebruikt voor webafbeeldingen, omdat zij kunnen worden gecomprimeerd zonder kwaliteitsverlies. 

Daarnaast zijn PNG-bestanden populair omdat ze transparantie ondersteunen. Dat betekent dat de achtergrond van een afbeelding verwijderd wordt, zodat het onderwerp vrijstaand gebruikt kan worden.

PNG-bestanden zijn ontwikkeld als reactie op GIF-bestanden, een bestandsformaat dat eind jaren 90 en begin 2000 populair was bij websites maar het tegenwoordig aflegt tegen PNG en JPG. Ze kunnen ook wel worden gezien als een upgrade van het verouderde GIF-formaat. 

De voor- en nadelen van een PNG-bestand

PNG’s hebben een aantal voordelen ten opzichte van andere bestandstypen: 

  • Ze kunnen verliesvrij (lossless) worden gecomprimeerd, wat betekent dat de bestandsgrootte kan worden verkleind zonder enig kwaliteitsverlies. Dit maakt ze ideaal voor gebruik in websites en webshops in het bijzonder, waar bestandsgrootte directe gevolgen heeft voor de laadtijden en de gebruikerservaring.
  • PNG’s ondersteunen ook transparantie, wat handig is voor het maken van logo’s en voor het vrijstaand maken van productafbeeldingen.
  • PNG ondersteunt tot wel 16 miljoen kleuren.

Er zijn ook nadelen verbonden aan het gebruik van een PNG-bestand: 

  • PNG’s zijn vaak zwaardere bestanden dan JPG’s en WebP’s, zeker bij foto’s met veel detail. Te (veel) zware bestanden op een website hebben doorgaans een negatief effect op de laadtijden, wat leidt tot een hogere bouncerate en slechtere SEO-prestaties. 
  • PNG is minder geschikt voor afbeeldingen met veel verschillende kleuren.

 

Wat is het verschil tussen een PNG en een JPG bestand? 

PNG’s worden vaak vergeleken met JPG’s (ook JPEG genoemd), dat andere populairebestandstype voor foto’s en afbeeldingen. Hoewel PNG’s en JPG’s dus allebeiveelgebruikte afbeeldingsbestanden zijn, zijn er enkele belangrijke verschillen tussen de twee. 

Ten eerste zijn PNG’s lossless, terwijl JPG’s dat niet zijn. Dit betekent dat wanneer een JPG-afbeelding gecomprimeerd wordt, een deel van de beeldgegevens verloren gaat en de afbeelding dus aan kwaliteit inboet. Nadeel hiervan is wel dat een PNG minder ver te comprimeren is dan een JPG. Ten tweede ondersteunen PNG’stransparantie, terwijl JPG’s dat niet doen. 

Ten slotte zijn PNG’s meestal zwaardere bestanden dan JPG’s, vooral bij foto’s met veel verschillende kleuren. Dit heeft een grote weerslag op de snelheid van een website en als gevolg de gebruikerservaring. Maar let wel: in sommige gevallen zijn PNG’s juist kleiner dan JPG’s, zoals we hieronder zullen aanstippen.

Wat is het verschil tussen een PNG en een GIF bestand?

PNG bestanden zijn ontwikkeld als antwoord op GIF’s die voorheen het populairste bestandstype voor het internet waren. In plaats van vaak korrelige, geanimeerde GIF’s worden PNG’s gebruikt voor kleurrijke, scherpe afbeeldingen. Voor (product)foto’s is GIF daarom minder geschikt als bestandsformaat, omdat de kwaliteit zichtbaar minder is dan bij PNG of JPG. 

Beide bestandstypen kunnen gecomprimeerd worden. GIF’s en PNG’s kunnen allebei een transparante achtergrond krijgen, maar met een GIF is semi-transparantie – een soepeler overgang in transparantie – niet mogelijk, met PNG wel. Over het algemeen zijn PNG’s dus superieur, behalve als u een geanimeerde afbeelding nodig heeft. 

Wat is het verschil tussen een PNG en WebP bestand?

WebP is in 2010 ontwikkeld door Google als alternatief voor populaire bestandsformaten als PNG en JPG. Wat dit bestandstype bijzonder maakt, is dat het zowel verliesvrije compressie (‘lossless’) en compressie met kwaliteitsverlies (‘lossy’) mogelijk maakt. 

Na lossless compressie zijn WebP-bestanden 26 procent kleiner dan PNG’s (volgens onderzoek van Google). Ook ondersteunt WebP transparantie, wat het een goed alternatief maakt voor PNG. Daarnaast zijn ze 25 tot 34 procent kleiner dan een JPG met lossy compressie. Als gevolg zorgt WebP dus voor snellere websites dankzij de kleinere afbeeldingen ten opzichte van PNG en JPG. Onder meer Netflix en Facebook gebruiken WebP-bestanden vanwege die korte laadtijden.

WebP wordt ondersteund door de meeste browsers, zoals Chrome, Safari, Edge en Firefox. Ook veel websites gebruiken een CMS (content management systeem) dat WebP-afbeeldingen ondersteunt, al moet soms eerst een plug-in worden gedownload. Een nadeel van WebP is wel dat er nog altijd browsers en websites zijn die deze bestanden niet ondersteunen. Dat geldt vooral voor oudere versies van sommige programma’s.

Welk bestandsformaat is het best voor webshops?

Nu we de verschillen en de voor- en nadelen van de verschillende bestandstypen hebben besproken, is het tijd om dieper in te gaan op het beste bestandsformaat voor e-commerce websites. Voor productfoto’s spelen immers andere factoren mee dan bij een normale foto.

Een productfoto leent zich vaak het best om als JPG gebruikt te worden. Er is vaak geen sprake van transparantie en meestal wordt een witte of anderszins egale achtergrond gebruikt. In die gevallen zal een JPG minder zwaar zijn dan een PNG en dus beter zijn om te gebruiken voor uw webshop. Wilt u een foto met een transparante achtergrond, dan is een PNG vaak het beste bestandsformaat. In andere gevallen is een PNG vaak te zwaar voor webshops (en websites in het algemeen).

WebP is als bestandformaat ook zeker het overwegen waard, maar u moet er rekening mee houden dat niet elke browser dit standaard ondersteunt en mogelijk wordt het ook niet ondersteund door de CSM van uw webshop.

Het juiste bestand voor uw productfoto’s: goed voor CX en SEO

Waarom is het nu zo belangrijk om het juiste bestandsformaat te kiezen voor uw website? Dat heeft alles te maken met de grootte van het bestand en de kwaliteit van de foto. Door de bestanden uw (product)foto’s zo klein mogelijk te houden zorgt u dat de laadtijden van uw webshop niet langer worden.

Dat is belangrijk, omdat korte laadtijden uw klanten een positievere shop ervaring geven, minder snel de site zullen verlaten (‘bouncen’) en sneller zullen converteren. Daarnaast is een hoge kwaliteit van de foto’s belangrijk voor de waardering van uw webshop en het verminderen van retours, omdat klanten een beter beeld hebben van een product.

Een andere belangrijke factor zijn de prestaties op SEO-gebied, oftewel de plaats van uw webshop en individuele producten in Google. Hoe sneller de laadtijden van uw site en hoe lager de bounce rate, hoe beter uw webshop wordt gewaardeerd door Google. Als gevolg zult u hoger in de zoekresultaten staan en meer organisch verkeer krijgen.

Ondersteunde bestandsformaten in STREAM

Foto’s die u bij Bright River laat bewerken, kunnen in veel verschillende bestandsformaten in STREAM, ons post-productie platform, door u worden geüpload en aan u worden opgeleverd: TIFF, JPG, PSD, EPS en natuurlijk PNG. Daarnaast kunt u eenvoudig PNG’s naar JPG, WebP of GIF converteren en vice versa via gratis websites; daar heeft u ons niet voor nodig.

In dit artikel behandelen wij alles wat u moet weten over het PNG-bestanden. Wij leggen uit wat het is, bespreken de voor- en nadelen ervan en of dit het beste bestandstype is voor productfoto’s. Ook maken wij de vergelijking met JPG, GIF en WebP.

Lees snel verder om er eindelijk achter te komen wat de verschillende bestandstypen precies inhouden en ontdek hoe Bright River u kan helpen met het bewerken van productbeelden voor een betere klantervaring en meer conversies op uw webshop.

 

Wilt u de zekerheid van goed presterende productfoto’s voor uw website?

Als u een e-commerce bedrijf hebt, dan weet u hoe belangrijk goede productfoto’szijn en hoe veeleisend het productie- en post-productieproces kunnen zijn. BrightRiver kan u helpen door het post-productieproces te stroomlijnen met onze snelle en efficiënte beeldbewerking oplossingen, ook bij grote volumes. Door een gratis account aan te maken op ons platform STREAM kunt u direct aan de slag. Of lees verder als u eerst meer wilt weten over onze beeldbewerking oplossingen.