chrisj
4/28/2019 - 2:53 AM

IMG Tag with SRCSet and Sizes

Use for normal img embeds. A good breakdown on image solutions: https://developers.google.com/web/fundamentals/design-and-ux/responsive/images

https://responsiveimages.org/

Polyfill: http://scottjehl.github.io/picturefill/ Demo: https://codepen.io/chrisjdesigner/pen/oOOWGv

img-tag-srcset-sizes
content_copyfile_download
 <img src="400.png"
     sizes="(min-width: 600px) 25vw, (min-width: 500px) 50vw, 100vw"
     srcset="100.png 100w, 200.png 200w, 400.png 400w,
             800.png 800w, 1600.png 1600w, 2000.png 2000w" alt="an example image">