?
Srcset：以逗號分隔的一個或多個字符串，指示用戶代理可能使用的圖像源。?
如果未指定描述符，則為源分配默認描述符1x。
注意：
1) 在srcset同一屬性中不可混合寬度描述符和像素密度描述符
2) 重復的描述符也是無效的（例如同一描述符中的兩個源都是srcset用描述2x）
3)?如果srcset屬性使用寬度描述符，則該sizes屬性也必須存在，否則其srcset本身將被忽略。
該<img>元素是必需的。在支持 srcset 的瀏覽器上，src 被視為具有像素密度描述符 1x 的候選圖像，除非擁有像素描述符和寬度描述符（srcset中定義了此像素密度描述符，或srcset 包含 w 描述符。）另外，始終使用 src 屬性來標識“默認”圖像源，以保障在不支持 srcset 的瀏覽器中也可以展示圖像。
Srcset使用于根據分辨率或根視口寬度來提供圖像
通俗來說，srcset 屬性允許您指定圖像文件 URL 列表以及大小描述。使用Srcset根據設備分辨率為不同分辨率提供相同大小的圖像使用<img srcset="" src="" alt="">語法用于提供同一圖像的不同大小版本，即是根據同一圖片創建不同的分辨率。
Srcset/Size根據視口寬度提供不同的圖像大小使用<img alt="A baby smiling with a yellow headband." srcset="baby-s.jpg ?300w, baby-m.jpg ?600w, baby-l.jpg ?1200w, baby-xl.jpg 2000w" sizes="70vmin">以多種尺寸提供同一圖像的多個副本，并讓瀏覽器選擇最合適的一個。
示例2：
示例3：
如果視口寬度為 480px 的支持瀏覽器加載頁面，則(max-width: 600px)媒體條件將為 true，因此瀏覽器會選擇插槽480px。將elva-fairy-480w.jpg被加載，因為其固有寬度 ( 480w) 最接近插槽尺寸。800 像素圖片在磁盤上的大小為 128 KB，而 480 像素版本僅為 63 KB，節省了 65 KB。?1) APNG（動畫便攜式網絡圖形） ——無損動畫序列的不錯選擇（GIF 性能較差）2) AVIF（AV1 圖像文件格式） — 由于其高性能，對于圖像和動畫圖像來說都是不錯的選擇。3) GIF（圖形交換格式） ——簡單圖像和動畫的不錯選擇。4) JPEG（聯合攝影專家組圖像） — 靜態圖像有損壓縮的不錯選擇（目前最流行）。5) PNG（便攜式網絡圖形） — 靜態圖像無損壓縮的不錯選擇（質量比 JPEG 稍好）。6) SVG（可縮放矢量圖形） — 矢量圖像格式。用于必須以不同尺寸精確繪制的圖像。7) WebP（網頁圖片格式） ——圖像和動畫圖像的絕佳選擇建議使用WebP和AVIF等格式，因為對于靜態圖像和動畫圖像來說，它們的性能比 PNG、JPEG、GIF 好得多。WebP 得到廣泛支持，而 AVIF 在 Edge 中缺乏支持。
