srcset属性とは？

レスポンシブ画像でのsrcset属性のメリット、デメリット

<img src="smaill.jpg"
    srcset="medium.jpg 640w, large.jpg 1280w">

上記の例のように画像と画像の幅を指定できます。
secset属性に対応していないブラウザでは、srcで指定された画像が表示されます。。
画像幅に応じた画像が表示される。

＃＃レスポンシブ画像でのsrcset属性を使うデメリット

=> sizes属性を使う！

<img src="smaill.jpg"
    srcset="medium.jpg 640w, large.jpg 1280w"
    sizes="(min-width: 704px) 50vw 100vw">

この例では、704ピクセル以上の幅の画面では、画像がビューポートの幅の50%になるようにしています。
また、メディアクエリなしの場合は、画像のデフォルトの幅（＝今回は100%)を設定します。

[Webサイトパフォーマンス実践入門]
(https://www.amazon.co.jp/dp/B079PS8Q4M/ref=dp-kindle-redirect?_encoding=UTF8&btkr=1)