[HTML, CSS]画像をウィンドウサイズによって切り替える

スマホとPCで画像を切り分けしたい場合が結構あります。
その際、imgタグで組む場合にdisplay: none;で切り替えたり、jsでsrcを変更したりやってきましたが、
スマートじゃないため調べたところ、srcsetを使用するのがかなり良さそうなのでメモです。

▼参考サイト
Qiita | srcset属性について
Kia King

時間あるときにまとめます。