HTML · Image and media attributes

srcset

Lists responsive image candidates with width or density descriptors.

htmlRunnable example html course

Syntax

srcset="small.jpg 480w, large.jpg 960w"

Example

Try it

<img src="https://picsum.photos/120/80" alt="Placeholder" width="120" height="80" srcset="https://picsum.photos/120/80 1x, https://picsum.photos/240/160 2x">

Learn this in the course

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

Open the course

srcset

Example

More in this group

Learn this in the course