Productafbeelding voor webwinkels, waar let je op

Productafbeelding voor webwinkels, waar let je op

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

© redbrickstudios

 

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. (Voor meer informatie over snelheid optimalisatie lees je mijn andere blog). Een voorbeeld van een standaard webwinkel afbeelding vindt je hieronder. Klik er maar eens op, dan kun je de werkelijke grootte zien.

voorbeeld-afbeelding

De specs van deze afbeelding zijn:
Afmeting: 640 x 640 px
Resolutie: 96 dpi
Grootte: 41.1 Kb

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.

Ik ben benieuwd hoe groot jouw webwinkel afbeeldingen zijn en wat jij hebt gedaan om deze te optimaliseren. Laat het me hieronder weten. Ook andere tips en trics zijn natuurlijk welkom!

Over Patrick Heijmans

Al jaren actief in de webwinkels en nu wil ik ook graag anderen helpen om een succesvolle webwinkel op te zetten. Ik deel mijn kennis en ervaring graag zodat anderen hun webshop kunnen starten of optimaliseren

Loading Facebook Comments ...

Laat wat van je horen

*