[et_pb_section fb_built=”1″ _builder_version=”4.16″ custom_margin=”||-9px||false|false” custom_padding=”||0px||false|false” da_disable_devices=”off|off|off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_row _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”||-12px||false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.17.4″ header_2_font_size=”24px” header_3_font_size=”18px” background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”||1px|||” global_colors_info=”{}”]<\/p>\n
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?\u00a0<\/strong><\/p>\n 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\u2019s. Ook maken wij de vergelijking met JPG, GIF en WebP.<\/span><\/p>\n 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.<\/span><\/p>\n <\/span><\/p>\n 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.\u00a0<\/span><\/p>\n 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.<\/span><\/p>\n 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.\u00a0<\/span><\/p>\n <\/span><\/p>\n PNG’s hebben een aantal voordelen ten opzichte van andere bestandstypen:\u00a0<\/span><\/p>\n Er zijn ook nadelen verbonden aan het gebruik van een PNG-bestand:\u00a0<\/span><\/p>\n <\/p>\n PNG’s worden vaak vergeleken met JPG’s (ook JPEG genoemd), dat andere populairebestandstype voor foto\u2019s en afbeeldingen. Hoewel PNG’s en JPG\u2019s dus allebeiveelgebruikte afbeeldingsbestanden zijn, zijn er enkele belangrijke verschillen tussen de twee.\u00a0<\/span><\/p>\n 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.\u00a0<\/span><\/p>\n Ten slotte zijn PNG’s meestal zwaardere bestanden dan JPG’s, vooral bij foto\u2019s 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\u2019s juist kleiner dan JPG\u2019s, zoals we hieronder zullen aanstippen.<\/span><\/p>\n <\/span><\/p>\n 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\u2019s is GIF daarom minder geschikt als bestandsformaat, omdat de kwaliteit zichtbaar minder is dan bij PNG of JPG.\u00a0<\/span><\/p>\n Beide bestandstypen kunnen gecomprimeerd worden. GIF’s en PNG\u2019s kunnen allebei een transparante achtergrond krijgen, maar met een GIF is semi-transparantie \u2013 een soepeler overgang in transparantie \u2013 niet mogelijk, met PNG wel. Over het algemeen zijn PNG\u2019s dus superieur, behalve als u een geanimeerde afbeelding nodig heeft.\u00a0<\/span><\/p>\n <\/span><\/p>\n 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 (\u2018lossless\u2019) en compressie met kwaliteitsverlies (\u2018lossy\u2019) mogelijk maakt.\u00a0<\/span><\/p>\n Na lossless compressie zijn WebP-bestanden 26 procent kleiner dan PNG\u2019s (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.<\/span><\/p>\n 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\u2019s.<\/span><\/p>\n <\/span><\/p>\n 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\u2019s spelen immers andere factoren mee dan bij een normale foto.<\/span><\/p>\n 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).<\/span><\/p>\n 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.<\/span><\/p>\n <\/span><\/p>\n 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\u2019s zo klein mogelijk te houden zorgt u dat de laadtijden van uw webshop niet langer worden.<\/span><\/p>\n Dat is belangrijk, omdat korte laadtijden uw klanten een positievere shop ervaring geven, minder snel de site zullen verlaten (\u2018bouncen\u2019) en sneller zullen converteren. Daarnaast is een hoge kwaliteit van de foto\u2019s belangrijk voor de waardering van uw webshop en het verminderen van retours, omdat klanten een beter beeld hebben van een product.<\/span><\/p>\n 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.<\/span><\/p>\n <\/span><\/p>\n Foto\u2019s die u bij Bright River laat bewerken, kunnen in veel verschillende bestandsformaten in STREAM, ons post-productie platform, door u worden ge\u00fcpload en aan u worden opgeleverd: TIFF, JPG, PSD, EPS en natuurlijk PNG. Daarnaast kunt u eenvoudig PNG\u2019s naar JPG, WebP of GIF converteren en vice versa via gratis websites; daar heeft u ons niet voor nodig.<\/span><\/p>\n 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\u2019s. Ook maken wij de vergelijking met JPG, GIF en WebP.<\/span><\/p>\n 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.<\/span><\/p>\n <\/p>\n <\/span><\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.16″ _module_preset=”default” background_color=”#E6E6E6″ global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.17.4″ _module_preset=”default” header_2_text_color=”#000000″ custom_margin=”23px||23px|0px|true|false” custom_padding=”10px|20px|10px|20px|true|true” global_colors_info=”{}”]<\/p>\n Als u een e-commerce bedrijf hebt, dan weet u hoe belangrijk goede productfoto\u2019szijn 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\u00ebnte beeldbewerking oplossingen, ook bij grote volumes. Door een gratis account aan te maken op <\/span>ons platform STREAM<\/span><\/a> kunt u direct aan de slag. Of lees verder als u eerst meer wilt weten over onze <\/span>beeldbewerking oplossingen<\/span><\/a>.<\/span><\/p>\n [\/et_pb_text][et_pb_button button_url=”https:\/\/stream.bright-river.com\/Login\/Register” button_text=”PROBEER STREAM GRATIS” _builder_version=”4.16″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_color=”#FD7B5E” custom_margin=”|||15px|false|false” custom_padding=”|||10px|false|false” global_colors_info=”{}”][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.17.4″ _module_preset=”default”][et_pb_column _builder_version=”4.17.4″ _module_preset=”default” type=”4_4″][et_pb_text _builder_version=”4.17.4″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″]<\/p>\nWat is een PNG-bestand?<\/span><\/h2>\n
De voor- en nadelen van een PNG-bestand<\/span><\/h2>\n
\n
\n
Wat is het verschil tussen een PNG en een JPG bestand?\u00a0<\/span><\/h2>\n
Wat is het verschil tussen een PNG en een GIF bestand?<\/span><\/h2>\n
Wat is het verschil tussen een PNG en WebP bestand?<\/span><\/h2>\n
Welk bestandsformaat is het best voor webshops?<\/span><\/h2>\n
Het juiste bestand voor uw productfoto\u2019s: goed voor CX en SEO<\/span><\/h3>\n
Ondersteunde bestandsformaten in STREAM<\/span><\/h3>\n
Wilt u de zekerheid van goed presterende productfoto\u2019s voor uw website?<\/span><\/h2>\n