Picture

Image Srcset with HTML5 Picture Tag

<picture>
<source media="(max-width: 480px)" srcset="images/01.png">
<source media="(max-width: 1200px)" srcset="images/02.png">
<!-- The Fallback image for old browsers, as well as the image
used when none of media max-widths are in play -->
<img src="images/03.png" alt="a placeholder picture" width="1600" height="900">
</picture>