1分でわかるレスポンシブイメージ(srcset)による
画像解像度自動変更サンプル

レスポンシブイメージ(srcset)だと3枚目のバナーが高解像度で表示される。(対応ブラウザのみ)

<img src="bnr_1x.png" width="200" height="50" alt="バナー 1x">

バナー 1x


<img src="bnr_2x.png" width="200" height="50" alt="バナー 2x">

バナー 2x


<img src="bnr_1x.png" srcset="bnr_1x.png 1x, bnr_2x.png 2x" width="200" height="50" alt="バナー">

バナー