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:

For more informations about HTML srcset have a look here:………

I am looking forward for your comments!

Phillip from webstudio