canisoon

Srcset and sizes attributes

96.72

HTML5

The `srcset` and `sizes` attributes on `img` (or `source`) elements allow authors to define various image resources and "hints" that assist a user agent to determine the most appropriate image source to display (e.g. high-resolution displays, small monitors, etc).

Further reading:

  1. Can I use page for: Srcset and sizes attributes
  2. Improved support for high-resolution displays with the srcset image attribute
  3. Blog post on srcset & sizes
  4. MDN: Responsive images
  5. MDN: <img> element