STAP 59 — Laat beelden meeschalen

Waarom deze stap belangrijk is

Beelden die niet meeschalen veroorzaken layout-problemen.

Wat dit concreet betekent

Alle beelden passen zich automatisch aan zonder vervorming.

Hoe je dit toepast

• Gebruik max-width: 100%.
• Gebruik srcset voor responsieve beelden.
• Kies het juiste formaat: WebP voor foto's, SVG voor iconen.

Voorbeelden

• Hero-beeld: 1920px op desktop, 768px op tablet, 375px op mobiel. Automatisch geselecteerd.

Veelgemaakte fouten

• Één enorme afbeelding laden op mobiel.
• Geen aspect-ratio instellen.

Checklist

• [ ] Alle beelden schalen mee.
• [ ] Je gebruikt srcset.
• [ ] Beeldformaten zijn geoptimaliseerd.