Serve multiple image versions
Specify multiple image versions and the browser will choose the best one to use:
| Before | After |
|---|---|
| <img src=”flower-large.jpg”> | <img src=”flower-large.jpg” srcset=”flower-small.jpg 480w, flower-large.jpg 1080w” sizes=”50vw”> |
The <img> tag’s src, srcset, and sizes attributes all interact to achieve this end result.
Learn more here: https://web.dev/articles/serve-responsive-images