< Terug naar overzicht

Afbeeldingen bewerken via de Afbeeldingsmanager

Om je shop van kleur te voorzien, worden er natuurlijk afbeeldingen geplaatst. Maar hoe kun je dit het beste doen zonder dat er problemen ontstaan? Bij het plaatsen van afbeeldingen kunnen er namelijk soms kleine problemen optreden. Denk bijvoorbeeld aan problemen bij het plaatsen van afbeeldingen via je telefoon of het plaatsen van te grote afbeeldingen.

Mijn afbeeldingen zijn te groot

Zijn je afbeeldingen te groot en beïnvloedt dat de laadtijd van je webwinkel, dan raden we je aan je afbeeldingen te verkleinen. Je kunt dat natuurlijk doen met behulp van een fotobewerkingsprogramma op je eigen desktop (denk aan Photoshop of bijvoorbeeld Paint), maar dit kan ook via onze eigen Afbeeldingsmanager.

Wat zijn nu de juiste afmetingen voor een afbeelding?

Je hebt natuurlijk voor verschillende doeleinden afbeeldingen. Denk aan afbeeldingen voor de slider, afbeeldingen voor carrousels of banners en de productafbeeldingen.

Voor afbeeldingen die je plaatst in de intro-slider op de homepagina kun je het beste een breedte van 1400px aanhouden. De hoogte van de afbeeldingen kun je zelf bepalen, aangezien die naar verhouding van de afbeelding altijd 100% hoog is. Wel raden we (voor de eenheid) aan om alle afbeeldingen eenzelfde hoogte en breedte te geven.

De afmetingen van je productafbeeldingen kun je instellen/aanpassen bij Instellingen –> Winkelinstellingen –> Afbeeldingen. Pas daar de afmetingen van de productafbeeldingen indien gewenst aan.

Screen Shot 04-04-19 at 09.42 AM

Let op: Upload je afbeeldingen, zorg er dan altijd voor dat deze niet groter dan 500kb per stuk zijn! Zijn je afbeeldingen groter, dan kan dat de laadtijd van je webwinkel aanzienlijk verhogen.

1. De afbeeldingsmanager

Nu je dit weet, kun je aan de slag met de Afbeeldingsmanager. Deze verschijnt wanneer je ergens een afbeelding wilt toevoegen. De Afbeeldingsmanager opent meestal in de lijstweergave. Dit is handiger, omdat je dan ook direct de grootte van de afbeeldingen kunt zien:

Screen Shot 04-04-19 at 08.47 AM

Hierdoor kun je dus ook direct zien of een afbeelding groter is dan de eerder aangegeven maximale grootte van 500kb. Zie jij een andere weergave dan hierboven? Klik dan rechtsboven op de knop “Icoon weergave“:

Screen Shot 04-04-19 at 08.48 AM

2. Knoppen in de afbeeldingsmanager

image-manager-uitgelegd

Let op: Ga je een afbeelding wijzigen, klik dan eerst op de knop “Kopie maken van afbeelding“. Zo heb je altijd een back-up achter de hand.

2.1 Afbeeldingen verkleinen

Om de afmetingen van een afbeelding te wijzigen, klik je op de knop “Afmetingen wijzigen“. Er opent dan een nieuw venster:

afbeelding-wijzigen

Hierin zie je onder andere de breedte en de hoogte van de afbeelding. Klik je op het vierkantje in de hoek rechtsonder, dan kun je de afbeelding verkleinen en blijven de verhoudingen bewaard (zie afbeelding hierboven).

2.2 Afbeeldingen bijsnijden

Onder het tabblad “Bijsnijden” in dezelfde pop-up als hierboven kun je afbeeldingen bijsnijden. Dit houdt je afbeelding dus niet in proportie, maar geeft je wel alle vrijheid om een afbeelding uit te lichten (denk bijvoorbeeld aan het bijsnijden van een witte rand om een logo).

2.3 Afbeeldingen draaien

In enkele gevallen komt het voor dat afbeeldingen na het uploaden op de kop in je webwinkel verschijnen. Dit wordt meestal veroorzaakt door afbeeldingen die met een telefoon zijn gemaakt.

Om dit probleem op te lossen, kun je in dezelfde pop-up als hierboven klikken op het tabblad “Draaien“:

Screen Shot 04-04-19 at 09.54 AM

Sleep hier het blokje in de balk aan de linkerkant net zover totdat de afbeelding goed staat:

afbeelding draaien

Klik daarna op “Toepassen” onderin en sla je instellingen op.