In this tutorial we will talk about the HTML srcset attribute of the img element. With this attribute you can define specific images for a specific screen width and pixel density. This tutorial focuses on the w-descriptor. It gives the browser informations about the width of an image, so he can choose the proper image out of a list of images. This is saving traffic and always shows the proper image for the clients screen.

As always I am using JSBin in this tutorial:

http://www.jsbin.com

For more informations about HTML srcset have a look here:

http://www.webdesignerdepot.com/2015/…

http://blog.kulturbanause.de/2014/09/…

http://www.w3.org/html/wg/drafts/html…

I am looking forward for your comments!

Phillip from webstudio