用途
该技能用于在审查图片资源、标记以及 CDN 或构建转换时，处理“优化图片以加快加载”这一规则。未优化的图片是页面体积膨胀最常见的原因：一张带 EXIF 数据的单反级 JPEG 可能达到 8MB，而针对 Web 交付优化后的同一张图片可低于 200KB，且无明显画质差异。Lighthouse 的“Efficiently encode images”审计会报告可节省的空间，修复后可直接改善 LCP 并降低带宽成本。
主要能力
技能围绕图片优化提供四类操作：检查、修复、讲解和代码审查。
检查方面，会审计项目中的所有图片资源：运行 Lighthouse 并查看“Efficiently encode images”审计，它会标记可缩减 4KB 或以上的图片；检查 JPEG 是否使用渐进式编码；检查图片是否保留 EXIF/IPTC 元数据；检查 PNG 是否可通过 pngquant 量化以减小体积；检查 SVG 是否包含多余的编辑器元数据、注释或冗余属性。最终报告每张图片的当前体积与预计节省量。
修复方面，针对每张未优化图片给出处理方式：JPEG 使用 mozjpeg 以 quality 80、progressive=true 重新编码；PNG 使用 pngquant 以 quality 65-80 做有损压缩，或用 oxipng 做无损压缩；WebP 以 quality 80 编码；AVIF 以 quality 60、effort 6 编码；SVG 通过 SVGO 去除编辑器元数据、注释和冗余属性；并从所有 JPEG/WebP 图片中剥离 EXIF 元数据。每张图片会展示处理前后的文件体积与缩减百分比。
讲解方面，会从技术层面解释图片优化的含义：JPEG 压缩通过将像素数据转换为频率分量（DCT）并量化高频数据，quality 设置控制量化的激进程度；PNG 使用无损 DEFLATE 压缩，但颜色量化（pngquant）可在视觉变化极小的前提下大幅减小体积；EXIF 元数据（GPS、相机型号、时间戳）会给图片增加数千字节，对 Web 用户毫无益处；渐进式 JPEG 编码允许浏览器先立即显示低分辨率版本，同时继续加载完整图片，从而改善感知性能。
代码审查方面，会审查与图片优化相关的图片资源、标记和交付配置，指出格式选择、尺寸或加载行为违反规则的具体文件或组件，并说明如何在 DevTools 中确认修复效果。
使用方式
该技能以规则形式提供，包含快速参考、检查、修复、讲解和代码审查等部分。完整实现细节、代码示例和框架相关指导见 references/rule.md。规则页面为 https://frontendchecklist.io/en/rules/images/optimized。
适用场景
适用于前端项目中图片资源的审查与优化，尤其是需要改善 LCP、降低带宽成本、减小页面体积的场景。可用于代码审查流程中检查图片格式选择、尺寸和加载行为，也可用于向团队解释图片压缩的技术原理。
限制
资料未提供该技能的具体安装命令、支持的框架版本、运行环境要求或收费信息，这些内容暂未提供。