用途：为网页图片实现高性能响应式加载，按视口、设备像素比和浏览器能力提供合适的尺寸与格式，减少带宽并改善 CLS 与 LCP。适用于内容图、主视觉图、商品图和画廊；不适用于内联 SVG 图标、CSS 背景图案或 canvas 图形。
主要能力：用 srcset 宽度描述符（w）配合 sizes 让浏览器自动选图；用 picture 按 AVIF、WebP、JPEG 顺序提供现代格式回退；用 media 查询做艺术方向裁剪；用 width/height 属性预留空间防 CLS；用 object-fit 处理固定容器；用 loading 与 fetchpriority 控制加载优先级。
推荐尺寸示例：全宽主视觉 800w、1200w、1600w、2400w，sizes 为 100vw；内容宽度 400w、800w、1200w，sizes 为 (max-width: 768px) 100vw, 800px；三列网格卡片 300w、600w、900w，sizes 为 (max-width: 768px) 100vw, 33vw；侧栏缩略图 150w、300w，sizes 为 150px。
加载策略：主视觉/LCP 图用 loading="eager" 与 fetchpriority="high"；首屏非 LCP 图用 eager 且不设 fetchpriority；折叠下方图用 lazy；离屏轮播用 lazy。
格式对比：JPEG 质量好、体积中等、支持 100%；PNG 无损、体积大、支持 100%；WebP 质量优、体积小、支持 96%+；AVIF 质量优、体积最小、支持 93%+，需回退。
常见错误：img 缺少 width/height；对 LCP 主视觉图懒加载；对可变宽度图用密度描述符而非宽度描述符加 sizes；内容图缺 alt；只提供 JPEG 而无现代格式回退。
限制：资料未提供具体安装命令、代码示例、收费或平台信息，暂未提供。