[html] レティーナ対応とレスポンシブの画像サイズの調整

<picture>
    <source srcset="img@0.5x.png 1x, img.png 2x" media="(max-width: 768px)">
    <img src="img.png" alt="テキスト" srcset="img.png 1x, img@2x.png 2x">
</picture>

IE対応

<script src="https://cdnjs.cloudflare.com/ajax/libs/picturefill/3.0.3/picturefill.js"></script>

参考URL
https://qiita.com/flatsato/items/2e901b0fa7b6a6ac1b12