Hoe je Afbeeldingen voor E-commerce Productpagina's Optimaliseert | Bulk Image Compressor
Productafbeeldingen verkopen dingen. Als een shopper de details niet duidelijk kan zien, kopen ze niet. Maar als je afbeeldingen te groot zijn en je pagina’s traag laden, vertrekken ze voordat de afbeeldingen zelfs maar zijn geladen. Het goed krijgen van deze balans is een van de meest praktische dingen die je kunt doen voor een online winkel.
Het goede nieuws is dat je niet hoeft te kiezen tussen kwaliteit en snelheid. Met de juiste compressie-instellingen en formaten kunnen je productfoto’s er scherp uitzien op het scherm terwijl ze snel laden op elk apparaat.
Waarom productafbeeldingsgrootte belangrijk is
Een typische productpagina heeft tussen de 4 en 8 afbeeldingen: de hoofdfoto, een paar hoeken, misschien een detailopname en een lifestyle-afbeelding die het product in gebruik toont. Als elk daarvan een ongecomprimeerd 4MB-bestand van je fotograaf is, dan is dat 16 tot 32MB aan afbeeldingen per pagina.
Trage productpagina’s schaden direct de verkoop. Onderzoek van Deloitte toonde aan dat een verbetering van 0,1 seconde in mobiele sitesnelheid leidde tot een 8,4% toename in conversies voor retailsites. De grootste factor in paginasnelheid voor e-commerce is bijna altijd afbeeldingen.
Er is ook de mobiele factor. Het meeste online winkelen gebeurt op telefoons. Je productafbeeldingen moeten snel laden op mobiele verbindingen, niet alleen op snelle wifi.
Witte achtergrond shots versus lifestyle foto’s
Deze twee soorten productafbeeldingen hebben verschillende compressiekenmerken.
Productfoto’s met witte achtergrond zijn wat je ziet op Amazon, eBay en de meeste productoverzichtspagina’s. Ze hebben typisch een schone witte achtergrond met het product in het midden. Deze afbeeldingen comprimeren zeer goed omdat grote gebieden met effen wit zeer weinig gegevens vereisen. Je kunt deze vaak comprimeren op 75 tot 80% JPEG-kwaliteit en bijna geen verschil zien.
Lifestyle foto’s tonen producten in realistische omgevingen. Een koffiemok op een aanrecht, een jas op een model buiten, schoenen op een stadsstoep. Deze afbeeldingen hebben meer visuele complexiteit met gevarieerde achtergronden, texturen en belichting. Ze hebben iets hogere kwaliteitsinstellingen nodig, rond 80 tot 85%, om detail te behouden.
Beide typen kunnen aanzienlijk kleiner zijn dan de originelen. Een 5MB productfoto met witte achtergrond wordt typisch gecomprimeerd naar 200 tot 400KB. Een 6MB lifestyle foto comprimeert naar 300 tot 600KB.
Platformvereisten en aanbevelingen
Verschillende e-commerce platforms hebben hun eigen beeldrichtlijnen. Hier zijn de specificaties voor de belangrijkste:
Shopify raadt afbeeldingen aan op 2048 x 2048 pixels. Maximale bestandsgrootte is 20MB, maar ze raden sterk aan om afbeeldingen ruim daaronder te houden. Shopify doet enige automatische compressie en serveert WebP wanneer de browser het ondersteunt, maar beginnen met geoptimaliseerde afbeeldingen geeft betere resultaten.
WooCommerce handhaaft geen strikte limieten omdat het op je eigen hosting draait. Dat betekent dat afbeeldingsoptimalisatie volledig jouw verantwoordelijkheid is. De standaard miniatuurformaten zijn 600 x 600 voor de catalogus en de volledige afbeeldingsgrootte voor de productpagina. Je moet verkleinen en comprimeren vóór upload.
Amazon vereist een minimum van 1000 pixels op de langste zijde (voor zoomfunctionaliteit) en beveelt 2000 pixels aan. Maximale bestandsgrootte is 10MB. De hoofdafbeelding moet een puur witte achtergrond hebben (RGB 255, 255, 255). Amazon comprimeert afbeeldingen aan hun kant, maar het uploaden van reeds geoptimaliseerde afbeeldingen geeft je meer controle over het eindresultaat.
Etsy beveelt 2000 pixels aan op de kortste zijde. Ze accepteren bestanden tot 1MB. Omdat Etsy’s limiet relatief klein is, zul je vrijwel zeker moeten comprimeren vóór upload.
Aanbevolen afmetingen en bestandsgroottes
Voor de meeste e-commerce platforms is hier een praktisch doel:
| Afbeeldingstype | Afmetingen | Doelbestandsgrootte |
|---|---|---|
| Hoofdproductfoto | 2000 x 2000px | 200 tot 400KB |
| Alternatieve hoeken | 2000 x 2000px | 200 tot 400KB |
| Detail/zoom opname | 2000 x 2000px | 250 tot 500KB |
| Lifestyle foto | 2000 x 1333px | 300 tot 600KB |
| Miniatuur | 600 x 600px | 30 tot 60KB |
Deze groottes geven je voldoende resolutie voor zoomfuncties terwijl pagina’s snel blijven. Je totale afbeeldingsbelading per productpagina moet idealiter onder 2MB blijven.
Het juiste formaat kiezen
JPEG is de standaard voor productfotografie. Het gaat goed om met foto’s en wordt overal ondersteund. Gebruik het als standaard.
WebP biedt ongeveer 25 tot 35% betere compressie dan JPEG bij dezelfde visuele kwaliteit. Als je platform het ondersteunt (Shopify doet het automatisch, WooCommerce heeft een plug-in nodig), is WebP een degelijke upgrade. Voor een diepere vergelijking van formaten, lees onze JPEG vs PNG vs WebP gids.
PNG is alleen nodig wanneer je productafbeeldingen transparantie vereisen. Bijvoorbeeld, als je artikelen verkoopt die zonder achtergrond moeten worden getoond, behoudt PNG die transparantie. Anders, vermijd PNG voor productfoto’s omdat de bestandsgroottes veel groter zijn.
Batchverwerking voor productcatalogi
Als je een winkel hebt met tientallen of honderden producten, is het comprimeren van afbeeldingen één voor één niet realistisch. Een productcatalogus met 200 items en 5 afbeeldingen per stuk betekent 1.000 afbeeldingen om te verwerken.
Dit is waar batchcompressie uren bespaart. Met Bulk Image Compressor kun je een hele map met productafbeeldingen droppen en ze allemaal tegelijk comprimeren. Alles werkt in je browser, dus je productfoto’s worden nooit naar een externe server geüpload. Dat is belangrijk wanneer je werkt met niet-uitgebrachte producten of afbeeldingen die je niet gedeeld wilt hebben vóór de lancering.
Hier is een workflow die goed werkt voor productcatalogi:
-
Verklein eerst. Zorg dat al je afbeeldingen de juiste afmetingen hebben (2000 x 2000px voor de meeste platforms). Stuur geen 6000px-afbeeldingen door compressie wanneer ze slechts op 2000px worden weergegeven.
-
Scheid per type. Doe witte-achtergrond opnames in één batch en lifestyle foto’s in een andere. Dit laat je verschillende kwaliteitsinstellingen voor elk gebruiken.
-
Comprimeer witte-achtergrond opnames op 75 tot 80% kwaliteit. De schone achtergronden comprimeren efficiënt bij lagere instellingen.
-
Comprimeer lifestyle foto’s op 80 tot 85% kwaliteit. Het extra detail in deze afbeeldingen profiteert van iets hogere kwaliteit.
-
Controleer een paar resultaten. Open een handvol gecomprimeerde afbeeldingen en vergelijk ze met de originelen. Zorg ervoor dat tekst op verpakking nog leesbaar is en productdetails duidelijk zijn. Zie voor meer informatie onze gids over bestandsgrootte verkleinen zonder kwaliteitsverlies.
-
Upload naar je platform. Vervang de originelen door de gecomprimeerde versies.
De impact op je resultaat
Snellere productpagina’s betekenen meer verkopen. Het is zo direct. Wanneer een shopper op je product klikt vanuit een zoekresultaat of advertentie, heb je ongeveer twee tot drie seconden voordat ze beslissen of ze wachten of op de terugknop drukken.
Geoptimaliseerde afbeeldingen verlagen ook je hosting- en CDN-kosten. Als je 500.000 productpaginaweergaven per maand hebt en je vermindert je gemiddelde beeldpayload van 8MB naar 1,5MB per pagina, dan zijn dat terabytes aan bespaarde bandbreedte.
Je productfoto’s zijn de belangrijkste asset in je online winkel. Ze correct comprimeren laat je de visuele kwaliteit behouden die je shoppers nodig hebben, terwijl je ze de snelle ervaring geeft die daadwerkelijk tot aankopen leidt.
Ready to compress your images?
Bulk compress JPEG, PNG, WebP, and AVIF images right in your browser. No uploads, no sign-ups.
Try Bulk Image Compressor