レスポンシブイメージのサンプル

記事：imgタグのsrcset・sizes属性とpictureタグの使い方

デモ

• docs/demo2_srcset_sizes.html：srcsetとsizesによる画像候補の選択。
• docs/demo3_picture.html：pictureによる切り抜き画像の出し分け。
• docs/demo4_polyfill.html：レスポンシブイメージの完成版サンプル。
• docs/demo5_sizes_auto.html：ページ下方の画像にloading="lazy"とsizes="auto"を指定する例。