The days of fixed-width websites are long behind us, and with fluid widths came fluid images. In many cases, we don’t want to display the same image size on a mobile and on a desktop, because we truly don’t need a 2000px wide image on a 480px device. Or we want to display a completely different image at some breakpoint.
For this we have a HTML5 element which can contain a multiple elements with srcset and media attributes. The browsers choose the right source based on a media query.
In my case, I had to show completely different image sizes on mobile vs.… READ MORE
Source: New feed