HTML · Link and navigation attributes

imagesizes

Declares the layout width for preloaded responsive images.

htmlRunnable example html course

Syntax

imagesizes="(min-width: 40rem) 50vw, 100vw"

Example

Try it

<link rel="preload" as="image" imagesrcset="/hero.jpg 1x, /hero@2x.jpg 2x" imagesizes="100vw">

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.