Row concave Shape Decorative svg added to bottom
Archieven

Afbeelding bijsnijden

Webdesignbureau - InterSites

Afbeelding bijsnijden

Het gebruik van afbeeldingen op een website is afhankelijk van verschillende vaste verhoudingen en afmetingen. Hieronder zie je een afbeelding van Rolf van 350px breed bij 600px hoog. Wanneer je deze afbeelding wilt plaatsen in een vierkant vak van 250px breed bij 250px hoog, ontstaat er een probleem met de verhouding van de afbeelding.

Aspect ratio | Crop | Afmetingen

Dit betekent dat de afbeelding bijgesneden moet worden of vervormd wordt om binnen het vak te passen. In het laatste geval wordt de foto onnatuurlijk ingedrukt, wat uiteraard niet wenselijk is. Hieronder zie je een voorbeeld van de verschillende mogelijkheden. Het systeem gebruikt standaard optie 2.

Vergelijk het met een rechthoekige taart die in een vierkante doos moet passen. De verhoudingen komen niet overeen, waardoor je de taart moet bijsnijden om deze passend te maken. Met afbeeldingen werkt dit op dezelfde manier.

Aspect ratio | Crop | Afmetingen