Hoe maak ik afbeeldingen in een rij even groot?

In het artikel Hoe gebruik ik rijen, kolommen en elementen? is uitgelegd hoe je werkt met rijen, kolommen en elementen. Dit artikel gaat een stap verder: hoe zorg je ervoor dat meerdere afbeeldingen in één rij er gelijkmatig uitzien?

Hoe werkt het?

Een afbeelding neemt altijd de volledige breedte aan van de kolom waarin hij is geplaatst. De breedte regel je dus door de kolombreedte aan te passen. De hoogte is een ander verhaal: die wordt bepaald door de verhouding van de afbeelding zelf.

Staan er twee afbeeldingen naast elkaar in dezelfde rij, maar hebben ze een andere beeldverhouding? Dan worden ze verschillend van hoogte weergegeven. Om dit op te lossen, moet je alle afbeeldingen in die rij bijsnijden tot dezelfde beeldverhouding.

Wat moet je doen?

Snijd alle afbeeldingen die in dezelfde rij staan bij tot dezelfde beeldverhouding, voordat je ze uploadt. Welke verhouding je kiest maakt niet uit — 1:1, 4:3, 16:9 — zolang alle afbeeldingen in die rij maar dezelfde verhouding hebben.

In de video gebruiken we een 1:1 verhouding (vierkant) als voorbeeld.

Wat zie je in de video?

1. Er staat een rij met meerdere kolommen, met in elke kolom een afbeelding.
2. De afbeeldingen hebben verschillende verhoudingen, waardoor ze ongelijk van hoogte zijn.
3. De afbeeldingen worden bijgesneden tot dezelfde beeldverhouding (1:1).
4. Na het opnieuw uploaden zijn alle afbeeldingen in de rij even hoog en zien ze er gelijkmatig uit.