Wat is srcset?

Srcset is een manier om meerdere formaten van dezelfde afbeelding aan te bieden. De browser kiest daaruit zelf de versie die bij het scherm past.

Een telefoon pakt de kleine, een groot scherm de grote.

WordPress doet dit sinds jaren automatisch.

Waarom het bestaat

Om te voorkomen dat een telefoon een afbeelding van tweeduizend pixels moet ophalen voor een vlak van driehonderd.

Meer daarover lees je bij pagespeed.

Hoe het werkt

Je geeft een lijst van bestanden mee met hun breedte erbij. De browser kijkt naar het scherm en kiest.

Meer daarover lees je bij pixel.

Wat WordPress ervan doet

Bij elke geüploade afbeelding maakt het meerdere formaten en zet die automatisch in de lijst.

Meer daarover lees je bij hoe je aanlevert voor een retina-scherm.

Mijn vuistregels

1. Laat WordPress het regelen.
2. Upload je origineel groot genoeg.
3. Controleer welke versie er echt geladen wordt.
4. Zet ongebruikte formaten uit.

Die tweede is voorwaarde: uit een klein origineel kan WordPress geen grote versie maken.

Hoe je controleert of het werkt

Kijk in het netwerktabblad welk bestand er geladen wordt. Zie je op een telefoon de grootste versie, dan klopt er iets niet.

Meer daarover lees je bij mobile first.

Wanneer het misgaat

Bij afbeeldingen die je thema of paginabouwer zelf plaatst. Die slaan de lijst soms over.

Meer daarover lees je bij lazy loading.

Veelgestelde vragen hierover