Productafbeelding voor webwinkels

waar moet je op letten voor goede foto's

Ik kom met enige regelmaat webwinkels tegen die hun afbeeldingen niet op orde hebben. Of de webwinkel afbeeldingen zijn te groot, of juist te klein. Heb jij ook problemen om het juiste formaat voor je afbeeldingen te kiezen blijf dan lezen. Ook zal ik je uitleggen welke software je het beste kunt gebruiken. Als je deze stappen volgt dan heb je een geoptimaliseerde afbeeldingen die ook nog snel laad. En laten we eerlijk zijn, wie wil er nu lang wachten totdat een afbeelding of webwinkel geladen is.

Een goede productafbeelding zegt meer dan 100 woorden.
Houd er rekening mee dat je potentiële klanten in je webwinkel alleen via je omschrijving en afbeelding het product kunnen zien. Hierdoor zijn juist de afbeeldingen van grote waarde, Zorg dat je zeker de volgende punten meeneemt als je foto’s maakt of laat maken:

- Meerdere perspectieven
Plaats verschillende foto’s die het product van alle kanten laten zien. In een winkel kan de klant het product vast houden, het ronddraaien en voelen. Laat dus voor- en achterkant zien, fotografeer het van boven én beneden en van dichtbij en veraf.

- Uitvergroten

De klant wil het product van dichtbij kunnen zien en details kunnen waarnemen. Zorg er dan ook voor dat de klant kan inzoomen op de foto of plaats foto’s die het product van dichtbij belichten. Maak bijvoorbeeld ook een afzonderlijke foto van bijzondere details van het product. Let er wel op dat je de foto’s niet te groot maakt zodat deze het hele scherm vullen van de klant.

- Sfeerfoto

Vergeet zeker niet een sfeerfoto maken, dit laat de klant zien hoe het product er uit kan zien in de huiskamer, buiten of als het om een kledingstuk gaat, hoe het zit. Met deze sfeerfoto heeft de klant ook meteen een indruk van de grootte, vorm, en toepassing van het product.

- Afmeting
Geef altijd bij de afbeeldingen het formaat mee. Dit wordt nog wel eens vergeten. Dit kun je door in de broncode de volgende code mee te geven:
width=”640″ height=”640″
Een totaal voorbeeld met afbeelding url: < img src=”http://www.winkel.nl/testafbeelding.jpg” width=”640″ height=”640″ >
Bij de meeste cms systemen wordt dit automatisch gedaan, maar controleer het voor de zekerheid.

- Extensie
Kies de juiste extensie voor je afbeeldingen. Voorbeelden van afbeelding extensies zijn: PNG – JPG (JPEG) – GIF – BMP – TIFF
PNG’s zijn bijna altijd superieur aan GIF, hoewel sommige oudere browsers versies gedeeltelijke ondersteuning bieden voor PNG.
GIF gebruik je voor zeer kleine of eenvoudige afbeeldingen (bv. minder dan 10×10 pixels, of een kleurenpalet van minder dan 3 kleuren) en voor afbeelden die animatie bevatten.
JPG-bestanden gebruik je voor alle afbeeldingen van fotografische stijl.
Gebruik geen BMP of TIFF, deze zijn veel te groot.
product fotografie

Standaard afmetingen voor een productafbeelding ?
Er is niet zoiets als een standaard grootte of aantal Mb’s voor een productafbeelding.
Wat ik meestal als richtlijn aanhoud is een afmeting van ongeveer 640px bij 640px. Met deze afmetingen heb je een redelijk formaat foto en wordt deze snel ingeladen. 

Sommige vinden dit misschien net te klein, ga er eens mee experimenteren en kijk wat voor jou de beste afmetingen zijn. Hou er wel rekening mee dat je zo minimaal 3 afbeeldingen per product te zien krijgt wat ook weer gevolgen heeft voor de laadtijd. Mocht je nu echt willen optimaliseren op afbeeldingen en snelheid probeer dan eens: jpegmini Met dit programma kun je je afbeeldingen nog verder verkleinen zodat je deze nog wat groter kunt maken qua formaat. Dit kan handig zijn als je extra details wilt laten zien.