Het is een belangrijke stap bij de creatie van een professionele website om de grootte van je afbeeldingen aan te passen zodat deze overeenkomen met je thema. Afbeeldingen met de juiste grootte kunnen de klantervaring verbeteren en de producten op je pagina benadrukken.
Voorwaarden
Zorg dat je voordat je begint de vereisten weet van je thema en bepaal de belangrijkste aspecten van de afbeelding die je wilt gebruiken:
- Houd rekening met het doel van de afbeelding. Afbeeldingen kunnen worden gebruikt voor producten, koppen of banners. Elk doel vereist een andere afbeeldingsgrootte, dus het is belangrijk de juiste afbeelding te vinden.
- Raadpleeg de themahandleiding voor de afmetingen en andere specificaties van de afbeelding die je thema vereist. Voor meer informatie over het vinden van themahandleidingen, klik hier.
- Verzamel afbeeldingen om te uploaden. Houd rekening met een aantal belangrijke punten bij het selecteren van een afbeelding, zodat het niet te veel tijd kost om deze aan te passen:
- Afbeeldingen moeten ten minste zo groot zijn als de afmetingen die zijn vereist voor het thema.
- Afbeeldingen moet een vergelijkbare richting en vorm hebben als vereist voor het thema.
- Afbeeldingen moet voldoen aan de vereisten voor het eCom-platform. Voor meer informatie over deze vereisten, klik hier.
- Bepaal aan de hand van het doel van elke optie of je de grootte van je afbeelding wilt aanpassen of deze wilt bijsnijden:
- Een afbeelding bijsnijden voorkomt dat deze vervormt of uitrekt. Bereken de vereiste afmetingsverhouding op basis van de themahandleiding om een afbeelding goed bij te snijden. Gebruik die verhoudingen om te bepalen hoeveel je moet bijsnijden.
- Zorg ervoor dat je rekening houdt met de proporties van de afbeelding bij het aanpassen van de grootte. Verander alleen de grootte van een afbeelding als de afmetingen te groot zijn. Grote afbeeldingen verlengen de tijd van het laden, wat de SEO en conversie op je website beïnvloedt.
Er is software vereist om de afbeelding te bewerken. Voor een gids over beschikbare software, klik hier.
Instructies
- Open de afbeelding in de software van jouw keuze.
- Verander de grootte van de afbeelding of snijd deze bij.
- Sla de bewerkte afbeelding op op je computer.
- Upload de bewerkte foto naar eCom.
Voorbeelden
Als je een afbeelding wilt gebruiken die niet aan de vereisten van je thema voldoet, kun je de afbeelding bijsnijden zodat deze past. De methode die wordt gebruikt in het volgende voorbeeld kan worden toegepast op diverse situaties en is een handige truc om aan je toolbox toe te voegen.
Voorwaardenchecklist
- Wat is het doel van deze afbeelding?
Het doel van de afbeelding is om als kop te dienen.
- Wat zijn de vereisten van dit thema voor een kop?
Het geïnstalleerde thema is Ignite. In de handleiding voor Ignite staat dat de aangeraden afmeting voor koppen 3200 px breedte bij 1300 px hoogte is voor een kop met hoge resolutie.
- Voldoet deze afbeelding aan de vereisten voor het Ignite-thema en eCom? Voldoet de afbeelding aan het beoogde doel?
- De originele afmetingen van deze afbeelding zijn 5100 px breedte bij 3400 px hoogte dus die voldoen aan de vereisten voor dit thema en voor eCom.
- Dit bestandstype is een .jpeg en eCom ondersteunt deze.
- De grootte van deze afbeelding komt nagenoeg overeen met de grootte en vorm die is vereist voor een kop.
- Wil je deze afbeelding aanpassen in grootte of bijsnijden?
Snijd een afbeelding bij als deze niet optimaal past in de vorm van de kop, in plaats van de grootte aan te passen. Om dit te doen, moet de verhouding van breedte bij hoogte worden berekend. Dit wordt berekend op basis van de afmetingen die Ignite biedt en deze geven aan dat een kop 3200 px breed en 1300 px hoog moet zijn.- De vereiste breedte- hoogteverhouding is: 3200/1300=2,46.
- De vereiste hoogte- breedteverhouding is: 1300/3200=0,41.
Gebruik deze verhouding om de afmetingen van de afbeelding te berekenen:- Als je een gewenste breedte hebt, deel deze door 2,46 om de hoogte te berekenen die je nodig hebt.
- Als je een gewenste hoogte hebt, deel deze door 0,41 om de breedte te berekenen die je nodig hebt.
Nadat je een afbeelding en de vereiste verhouding hebt geselecteerd, is de afbeelding klaar om te worden bijgesneden.
De hoogte van een afbeelding bijsnijden
De breedte van de afbeelding is goed, maar deze is te hoog voor een kop in het Ignite-thema. De hoogte moet worden bijgesneden om de gewenste verhouding te bereiken. Om de nieuw hoogte te berekenen:
- Omdat alleen de hoogte wordt aangepast, wordt de nieuwe hoogte berekend met de breedte- hoogteverhouding van 2,46.
- De breedte van de originele afbeelding is 5100 px.
- 5100 px / 2,46 = 2073 px.
De hoogte van de afbeelding moet worden bijgesneden tot 2073 px.
Het uiteindelijke resultaat:
De breedte van een afbeelding bijsnijden
Om de hoogte van een afbeelding te behouden, kan het zijn dat de breedte moet worden aangepast om te voldoen aan de vereisten van het Ignite-thema voor een kop. Om de volledige hoogte te behouden kunnen balken aan de zijkanten worden toegevoegd om de juiste afmetingen op te vullen. De stappen om deze balken toe te voegen hangen af van de software die wordt gebruikt voor het bewerken. Om de nieuwe breedte te berekenen:
- De nieuwe breedte wordt berekend met de breedte- hoogteverhouding van 0,41, omdat alleen de breedte wordt aangepast.
- De breedte van de originele afbeelding is 3400 px.
- 3400 px /0,41 = 8292 px.
De breedte van de afbeelding moet worden bijgesneden tot 8292 px.
Het uiteindelijke resultaat:
De grootte van een afbeelding aanpassen
Door de grootte van een afbeelding aan te passen, kun je een afbeelding met de juiste verhoudingen gebruiken wanneer deze te groot is om te uploaden naar eCom. In het voorbeeld hierboven voldoet de afbeelding aan de vereisten wat betreft de proporties voor het Ignite-thema, maar de afbeelding is te groot om deze naar eCom te uploaden. Bereken, om de grootte van de afbeelding aan te passen, de afmetingen voor hoogte en breedte:
- De breedte van de originele afbeelding is 8292 px.
- De aangeraden afmetingen voor het Ignite-thema zijn 3200 px breed en 1300 px hoog.
- De maximum afmetingen voor afbeeldingen voor eCom zijn 5128 px hoog bij 5128 px breed
De grootte van de afbeelding moet worden aangepast tot 38,3% van de originele grootte, voor een afmeting van 3200 px breed bij 1300 px hoog
Met software voor het bewerken van afbeeldingen kun je afbeeldingen in grootte aanpassen en je bestandsgrootte comprimeren, zonder dat dit de afbeelding aantast. Om ongewilde vervorming te voorkomen wordt aangeraden om de stappen te volgen in de handleiding van de software voor het bewerken van afbeeldingen. Deze vind je hier.
Meer informatie
De stappen hierboven over het aanpassen van de grootte en bijsnijden van afbeeldingen kunnen worden gebruikt bij veel soorten afbeeldingen en thema's. Door jezelf vertrouwd te maken met deze beschikbare tools voor het bewerken van je afbeeldingen, kun je de klantervaring verbeteren en je producten op je pagina benadrukken. Bekijk voor meer tips en personalisatieopties de gerelateerde artikelen hieronder.