Create responsive.min.js

Embed this file at the bottom of the body tag. If you wish to place it in the head use <script type="text/javascript" src="responsive.min.js" async defer></script>.

To make images responsive, place them in the page using data-src instead of src:

<img data-src="path/to/image.jpg" height="y" width="x" alt="This is a responsive image">
<noscript>
<!-- If there's no javascript, just load it like normal -->
<img src="path/to/image.jpg" height="y" width="x" alt="This is a responsive image">
</noscript>

The img tag can be used like a regular image tag. You can link it, wrap it in another element, add ids/classes, etc.