Hoe u de beste WooCommerce-productafbeeldingen maakt

Dit is een handleiding voor het maken van de beste WooCommerce-productafbeeldingen voor uw winkel, zodat u meer kunt verkopen.

Klanten ontvangen veel subtekst van de visuele communicatie van uw site. Uw productafbeeldingen vertellen de klant veel over het product en zijn een belangrijk onderdeel van het ontwerp van de productpagina.

De manier waarop u uw productafbeeldingen weergeeft, is super belangrijk omdat het de enige manier is waarop klanten kunnen verteren hoe het eruitziet. Het kan de manier waarop ze denken in een oogwenk veranderen.

Daarom is het van cruciaal belang dat u WooCommerce-productafbeeldingen van topkwaliteit heeft op uw productpagina's, categoriearchieven en winkelarchieven.

3 stappen naar geweldige WooCommerce-productafbeeldingen

Er zijn drie stappen die u moet nemen als u de absoluut beste productafbeeldingen aan uw klanten wilt bieden in uw WooCommerce-winkel.

1. Hoge beeldkwaliteit in de juiste afmetingen
2. Verschillende gezichtspunten tonen
3. Laadsnelheid optimaliseren

Door deze drie aspecten van uw productafbeeldingen onder de knie te krijgen, zal uw site beter zijn dan 90% van de andere winkels die er zijn, wat uw klanten een superieure ervaring biedt in uw winkel.

1. Hoge beeldkwaliteit in de juiste afmetingen

Zijn uw productafbeeldingen korrelig, wazig of verkleurd? Zijn ze moeilijk te zien? Is de belichting slecht?

Al deze dingen beïnvloeden de eerste indruk van het product, dus het is belangrijk dat uw WooCommerce-productafbeeldingen de juiste resolutie hebben en van hoge kwaliteit zijn.

Welke maat moeten productafbeeldingen hebben?

De minimale resolutie die u moet gebruiken voor uw WooCommerce-productafbeeldingen is 800px x 800px. We raden u echter aan om hoger te mikken, want hoe hoger de kwaliteit van uw afbeeldingen, hoe beter ze zullen worden waargenomen.

Of u het nu wilt of niet, de kwaliteit van productafbeeldingen is een grote weerspiegeling van de kwaliteit van het product zelf in de gedachten van de klant.

Hier zijn enkele toptips om de kwaliteit van uw productafbeeldingen te verbeteren:

Gebruik een fotolichtbak

Een fotolichtbak is een speciale doos die vaak is gemaakt van wit, niet-reflecterend materiaal en een neutrale en ononderbroken witte achtergrond biedt voor uw productafbeeldingen.

Het wordt van binnenuit verlicht met ultrabrite witte LED's (of andere vergelijkbare lampen) die schaduwen die door andere lichtbronnen worden geworpen, tenietdoen.

Deze twee dingen samen betekenen dat u een professioneel ogende foto van uw product kunt maken zonder dure camera's of lichtopstellingen te gebruiken.

Als u een beperkt budget heeft (en zelfs als dat niet zo is), is het echt de beste manier om consequent goede foto's van uw producten te krijgen.

Dus hoeveel kost een fotohokje?

We hebben fotolichtbakken gekocht bij Aliexpress, eBay of Amazon voor ongeveer $ 70-100 USD.

Pas de niveaus van uw foto's aan

Als u toegang heeft tot Photoshop (of Lightroom of een vergelijkbaar programma), zou u uw foto moeten kunnen openen en aanpassen wat de niveaus van de foto wordt genoemd.

De niveaus laten u het donkere punt, het lichte punt en de middentonen van uw afbeelding afstemmen, wat betekent dat u dingen kunt doen zoals het toevoegen van contrast, het verbeteren van de verzadiging, het elimineren van overtollige afbeeldingsgegevens. Dit wordt gedaan door de histogram van de afbeelding te manipuleren.

Dat klinkt misschien als Chinees in de oren als je niet bekend bent met die termen, maar als je enige basiskennis van Photoshop hebt, bekijk dan de volgende video voor een fantastische uitleg van Ed van Photos In Color.

Abonneren op Wholesale Suite

Als je geen toegang hebt tot een geavanceerde beeldbewerkingssuite zoals Photoshop, kun je een vergelijkbare activiteit uitvoeren in de uitstekende online beeldbewerker Pixlr. Bekijk de video toch en je krijgt een beter begrip van wat je daadwerkelijk aan het manipuleren bent.

2. Verschillende gezichtspunten tonen

De afbeeldingen van je product kunnen een enorme impact hebben op de beslissing van je klanten om wel of niet te kopen.

Daarom is het belangrijk om verschillende gezichtspunten van het product te tonen, zodat klanten die het item anders niet zouden kunnen oppakken en onderzoeken zoals ze in de winkel zouden doen, een holistisch beeld (voor zover mogelijk) krijgen van wat ze kopen.

Het is nog belangrijker bij artikelen die traditioneel alleen face-to-face zouden worden verkocht vanwege de noodzaak om ze visueel te inspecteren, zoals kleding en schoenen, en goederen die verlopen (voedsel, bloemen, enz.).

Hoe verander ik de productafbeelding in WooCommerce?

Je kunt extra WooCommerce productafbeeldingen aan je producten toevoegen door ze te uploaden naar de productbewerkingspagina.

Als je een grote catalogus beheert, kun je ook een hele collectie uploaden en deze via CSV uploaden met de ingebouwde CSV-importfunctie voor producten van WooCommerce.

Je hoeft ze alleen eerst te uploaden naar een publiek toegankelijke URL. Een uitstekende keuze is Dropbox gebruiken en de openbare URL van het afbeeldingsbestand pakken voor invoer in je CSV.

In latere versies van WooCommerce hebben ze native zoomen bij het zweven geïntroduceerd, wat een geweldige toevoeging is, vooral als je beelden met hogere definitie maakt, omdat dit je klanten helpt de fijnere details van het product te zien.

Je kunt ook overwegen een 360º viewer plugin te gebruiken waarmee je een aantal afbeeldingen kunt uploaden die een 3D-weergave van het product opbouwen.

3. Laadsnelheid optimaliseren

Het laatste deel van het hebben van de beste WooCommerce productafbeeldingen voor je winkel is het optimaliseren van afbeeldingen om de laadsnelheid te verminderen.

In deze tijd zijn er een veelvoud aan verschillende verbindingssnelheden en apparaten, dus het serveren van geoptimaliseerde afbeeldingen is belangrijker dan ooit geworden.

Wat is de beste maat voor WooCommerce productafbeeldingen?

Hoewel je niet onder die beeldresolutie van 800px x 800px wilt duiken, wil je ook niet de andere kant op gaan en te grote afbeeldingen uploaden die de webbrowsers van mensen vertragen.

Bovendien kunnen afbeeldingen met een lage resolutie of de verkeerde maat de reputatie van je website schaden. Daarom is het belangrijk om website-afbeeldingen te optimaliseren.

Bestandsoptimalisatie

Allereerst betekent de optimalisatie van afbeeldingen het verkleinen van de bestandsgrootte zoveel mogelijk, terwijl de beeldkwaliteit zo hoog mogelijk blijft.

Naast het optimaliseren van uw foto's in Photoshop (ja, u kunt ze opslaan met 80% kwaliteit en er nog steeds mee wegkomen en dit zal veel helpen met de bestandsgrootte), moet u mogelijk een ander hulpprogramma gebruiken om overtollige gegevens uit uw definitieve afbeeldingsbestanden te verwijderen en ze verder te comprimeren.

Hiervoor raad ik een WordPress-plugin aan genaamd WP Smush.it. Dit gratis hulpprogramma verwerkt uw afbeeldingsbestanden, verwijdert overtollige overbodige afbeeldingsgegevens (die de meeste afbeeldingsbestanden bevatten), past de juiste afmetingen aan en comprimeert de uiteindelijke afbeeldingsgrootte voordat deze opnieuw in uw mediabibliotheek wordt opgeslagen.

Naar mijn ervaring zullen sommige mensen een afname van 10-50% in laadtijd van de pagina ervaren vanwege de kleinere bestandsgrootte van hun afbeeldingen. Het kan zo effectief zijn.

Abonneren op Wholesale Suite

Het andere dat u kunt doen, is uw media-assets leveren vanaf een CDN (Content Delivery Network).

CDN's zijn geoptimaliseerd voor het leveren van statische assets zoals afbeeldingen. In plaats van uw server te overladen met verzoeken om afbeeldingsbestanden, zal uw site, eenmaal ingesteld, de browser van de persoon instrueren om de afbeeldingsbestanden van de servers van de CDN's op te vragen.

Deze bedrijven zijn specifiek opgezet om miljoenen bestandsverzoeken op een uiterst efficiënte manier af te handelen. Via hun krachtige netwerk kunt u uw productafbeeldingen (en andere afbeeldingen die op uw site worden gebruikt) extreem snel aan gebruikers leveren, terwijl de belasting van uw eigen server wordt verminderd.

Er zijn een aantal CDN-services die u kunt gebruiken:

• Cloudflare – Vanaf $20/maand
• MaxCDN – Vanaf $9/maand
• KeyCDN – Vanaf $40/jaar (betalen per GB)

De bovenstaande services zijn vrij eenvoudig te configureren met een caching-plugin zoals WP Super Cache.

Hoewel de beste manier om laadtijden te verkorten het elimineren van afbeeldingen is, is het onmogelijk om alle afbeeldingen van uw site te elimineren en vaak onwenselijk om dit te doen, vooral in een e-commerce situatie waar duidelijke en nuttige productafbeeldingen van cruciaal belang zijn.

Maar u moet uw productafbeeldingen comprimeren, de afbeeldingskwaliteit waar mogelijk verminderen (genoeg om de bestandsgrootte te verkleinen, maar niet genoeg om op te vallen voor het oog), en ze indien nodig vanaf een CDN-service leveren als uw verkeer dit rechtvaardigt.

Beheers uw WooCommerce-productafbeeldingen – uw klanten zullen u er dankbaar voor zijn

Dus, het is aan u. Bent u klaar om uw WooCommerce-productafbeeldingen te beheersen?

U moet:

1. Hoge beeldkwaliteit in de juiste afmetingen hebben
2. Productafbeeldingen vanuit verschillende gezichtspunten tonen
3. De laadsnelheid van uw afbeeldingen optimaliseren

Het creëren van de perfecte WooCommerce-productafbeeldingen is een grote taak, maar als u het eenmaal doet, zullen uw klanten u dankbaar zijn voor de extra inspanning, omdat het hun aankoopbeslissing veel gemakkelijker maakt.