用途：在评审文章配图、卡片、画廊或任何会跨断点以多种尺寸渲染的组件时使用，检查图片标记与 CSS 布局两方面是否符合响应式图片要求。核心问题是为 400px 手机屏幕提供 2000px 图片会浪费带宽并拖慢加载。
主要能力：该规则提供检查、修复、解释与代码评审四类动作。检查项为确认图片使用 srcset 和 sizes 属性进行响应式交付；修复项为针对不同屏幕尺寸和分辨率用 srcset 实现响应式图片；解释项为说明响应式图片如何依据设备能力交付优化版本。代码评审会检查图片标记与组件抽象中的 srcset、sizes 以及宽度/高度处理，并标记出始终向移动端发送桌面尺寸资源、遗漏 sizes，或生成的变体与实际渲染布局不匹配的页面。
使用方式：按规则清单逐项核对，在代码评审中检查图片与组件。资料提到快速参考要点：用 srcset 提供多种图片尺寸，用 sizes 属性告知浏览器应下载哪个尺寸，浏览器会依据视口与 DPR 选择最优尺寸，移动设备上可节省 50-70% 带宽。完整实现细节、代码示例与框架相关指引见 references/rule.md（https://www.skills.sh/thedaviddias/front-end-checklist/responsive-images）；规则页为 https://frontendchecklist.io/rules/images/responsive-images。
适用场景：前端图片交付优化、移动端性能评审、组件库图片封装审查。
限制：资料未提供具体框架实现、安装命令、收费信息或更多示例，暂未提供。