What is Srcset?
Srcset is an HTML image attribute that specifies different images for different screen sizes in order to display responsive, mobile-friendly images irrespective of the screen size of the viewing device.
The srcset attribute contains the URL of multiple images and the screen size at which each image should be displayed. So, in essence, visitors with devices with wide screens are shown larger images, while those with smaller screens are shown smaller images.
The srcset attribute is specified using the format srcset="url size, url size" where the URL points to the location of the image and size specifies the screen size at which the image should be displayed.
The attribute can be included inside the image HTML element, as shown below.
<img srcset="yoga-mat-480w.png 480w, yoga-mat-800w.png 800w" />