HuntExams Academy
HTML/CSSAdvanced#html#media#performance

What is srcset and sizes used for on <img>?

srcset provides a list of image candidates at different resolutions, and sizes tells the browser how wide the image will render at different viewport widths, so the browser can pick the most efficient image to download.

Example
<img src="fallback.jpg"
  srcset="small.jpg 480w, medium.jpg 800w, large.jpg 1200w"
  sizes="(max-width: 600px) 480px, 800px"
  alt="Hero banner">

Related Questions

1
HTML/CSSBeginner#html#semantics

What is the difference between <b>/<i> and <strong>/<em>?

Open
2
HTML/CSSIntermediate#accessibility#aria

What is ARIA and when should you use it?

Open
3
HTML/CSSAdvanced#accessibility#aria

How do you make a custom dropdown accessible?

Open