responsive-images - 使用srcset、懒加载和现代格式实现响应式图片
使用srcset、sizes、懒加载和现代格式（如WebP、AVIF）实现高性能响应式图片
标签
更新于: 2026-02-09能力
典型输入
典型输出
该技能可以做什么
- 添加srcset属性
- 添加sizes属性
- 设置懒加载
- 实现现代格式
- 设置fetchpriority
- 防止布局偏移
输入
- 图片文件
- 视口尺寸
- 屏幕密度
- 图片格式
输出
- 响应式HTML图片
- picture元素
- 优化的图片标记
要求
- HTML支持
- 浏览器图片支持
- Core Web Vitals合规性