Afbeeldingen op maat maken

Hoe maak je je afbeeldingen goed op maat? En waarom is dat zo belangrijk? In deze handleiding leggen wij het je haarfijn uit. We leggen je uit hoe je de afmeting aanpast in Photoshop, maar ook voor diegenen die geen Photoshop hebben is deze handleiding handig, want we leggen ook uit hoe het moet met de gratis software van Canva.

Waarom de afmeting van je afbeeldingen aanpassen?

Stel dat jouw productafbeeldingen worden vertoond op een plekje van 500×500 pixels. Als je daar een afbeelding in zet die eigenlijk 1200×1200 pixels is, wordt deze verkleind naar en vertoond als een afmeting van 500×500 pixels. Tot dusver geen probleem, zou je denken. Maar de hele afbeelding wordt wel geladen. En een afbeelding van 1200×1200 pixels is een stuk groter (in MB’s) dan een afbeelding van 500×500 pixels. En dat kost gewoon teveel laadtijd. Om die laadtijd te optimaliseren moet je ervoor zorgen dat de afbeelding die je wilt vertonen niet meer ruimte inneemt dan ‘ie nodig heeft. Dus worden jouw productafbeeldingen vertoond in 500×500 pixels? Zorg er dan ook voor dat je ze in die afmeting uploadt.

Hoe check ik welke afmeting ik nodig heb?

Je webbouwer weet hier altijd wel een goed antwoord op. Maar als je het zelf uit wilt zoeken, kan dat ook:

Stap 1.

Ga naar een productpagina.

Stap 2.

Klik op de rechtermuisknop > inspecteren.

Stap 4.

Ga nu met de muis over je productafbeelding.

Stap 5.

Je krijgt nu (bijvoorbeeld) dit te zien:

Stap 6.

Rechtsbovenin zie je welke ruimte er is gereserveerd voor jouw productafbeelding. 500×500 pixels, dus.

Hoe maak ik mijn afbeelding op maat?

Dat kan op twee manieren: met Photoshop, of met Canva.

  1. Start Photoshop.
  2. Klik op CTRL + N (of ga naar Bestand > Nieuw).
  3. Voer bij Breedte en Hoogte het juiste aantal pixels in (selecteer ook ‘Pixels’ in de dropdown daarnaast).
  4. Klik op OK.
  5. Je hebt nu een wit vak in de juiste afmeting.
  6. Sleep nu jouw afbeelding vanuit een map op je computer naar dit witte vak.
  7. Maak ‘m passend door ‘m wat heen en weer te slepen en eventueel te verkleinen/vergroten. (Tip: Houd SHIFT ingedrukt tijdens het verkleinen/vergroten, dan houd je de dimensies gelijk.)
  8. Klik op ALT + SHIFT + CTRL + S (of ga naar Bestand > Opslaan voor web).
    9. Hier kun je eventueel nog de Kwaliteit aanpassen, om zo de grootte (in MB’s) van de afbeelding nog verder te verkleinen. Een kwaliteit van 80 is vaak alsnog mooi genoeg, maar neemt een stuk minder ruimte in.
    10. Klik op Opslaan.
    11. Klaar!
  1. Ga naar https://www.canva.com/
  2. Maak een account aan of log in met een bestaand Google-account.
  3. Klik rechts bovenin op Een Ontwerp Maken > Aangepast Formaat.
  4. Vul de juiste Breedte en Hoogte in, selecteer ‘px’ in de dropdown en klik op ‘Nieuw ontwerp maken’.
  5. Ga in het menu links naar ‘Uploads’ en voeg daar jouw afbeelding toe.
  6. Selecteer vervolgens jouw afbeelding zodat deze in jouw ontwerp komt te staan.
  7. Maak ‘m passend door ‘m te vergroten/verkleinen en ‘m wat heen en weer te slepen.
  8. Klik rechts bovenin op Downloaden om ‘m op te slaan.
  9. Klaar!

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *