Naslag / Attribuut
imagesizes HTML attribuut
1 element kent dit attribuut. Klik op een tag voor de volledige uitleg van dat element.
Wat doet het imagesizes attribuut?
Bij <link rel="preload" as="image"> geeft dit de sizes-waarde die hoort bij imagesrcset, zodat de browser vooraf de juiste afbeeldingsvariant kan selecteren om te preloaden. Werkt op dezelfde manier als het sizes-attribuut van <img>.
HTML
<link rel="preload" as="image" href="foto-800.jpg" imagesrcset="foto-400.jpg 400w, foto-800.jpg 800w" imagesizes="(min-width: 600px) 800px, 100vw">Welke HTML-elementen kennen imagesizes?
<link>
Het <link>-HTML-element specificeert relaties tussen het huidige document en een externe bron. Dit element wordt het meest gebruikt om te li...
Uitsluitend voor
Alles over <link> →
rel="preload" en as="image" heeft het imagesizes-attribuut een vergelijkbare syntaxis en semantiek als het sizes-attribuut, dat aangeeft welke geschikte bron vooraf geladen moet worden voor gebruik door een img-element met overeenkomstige waarden voor de srcset- en sizes-attributen.