srcset 与 sizes
srcset 让浏览器从多张尺寸中按 DPR 和视口自动挑选：给小屏加载小图（省流量），给高清屏加载 2x/3x 图（保清晰）。sizes 告诉浏览器这张图将以多宽显示，帮助它选图。
注意 srcset 是“建议”，浏览器最终决定，因此不会下多余字节；而 sizes 只是布局宽提示，写错也不会让图变形。
- srcset="1x 1倍图 2x 2倍图"：按 DPR 自动选清晰度
- srcset="w 宽度描述" + sizes：按视口与布局宽度选尺寸
- alt 属性仍然必写，无障碍与 SEO 都靠它
HTML
<!-- 2x/3x 高清图：DPR=3 的手机自动加载 3x 图 --> <img src="photo-1x.jpg" srcset="photo-1x.jpg 1x, photo-2x.jpg 2x, photo-3x.jpg 3x" alt="示例图片"> <!-- 按宽度选图 + sizes 说明实际显示宽度 --> <img src="photo-400.jpg" srcset="photo-400.jpg 400w, photo-800.jpg 800w, photo-1600.jpg 1600w" sizes="(max-width: 600px) 100vw, 50vw" alt="自适应尺寸图">
本节要点srcset + sizes 让浏览器按 DPR 和布局宽度自动选图：流量、清晰度两不误。
