用途:该技能用于图片 SEO 与性能分析,适用于审计图片 alt 文本、文件体积、格式、懒加载,或需要针对图片的性能建议、检查影响 SEO 与 Core Web Vitals 的媒体质量信号时。
主要能力:
- Alt 文本:检查所有 <img> 是否具备 alt(装饰性图片可用 role="presentation"),要求准确描述而非文件名,自然包含关键词但避免堆砌,长度 10-125 字符。
- 文件体积:按图片类型给出阈值——缩略图目标<50KB、警告>100KB、严重>200KB;内容图目标<100KB、警告>200KB、严重>500KB;首屏/横幅图目标<200KB、警告>300KB、严重>700KB。在不损失质量的前提下建议压缩。
- 格式:建议优先 WebP/AVIF,并提供 <picture> 回退模式。资料给出的浏览器支持:WebP 约 95%-97%,AVIF 约 92%-93.8%,JPEG/PNG/SVG 100%。JPEG XL 已被 Chromium 团队宣布恢复支持、实现完成但尚未进入稳定版,暂不建议用于网页部署。
- 响应式图片:检查 srcset 与 sizes 是否匹配布局断点与设备像素比。
- 懒加载:首屏以下图片使用 loading="lazy";首屏/LCP 图片不要懒加载,应加 fetchpriority="high";非 LCP 图片可加 decoding="async"。
- CLS 预防:所有 <img> 应设置 width/height 或使用 CSS aspect-ratio。
- 文件名与 CDN:建议使用描述性、连字符小写文件名;检查图片是否经 CDN 提供及边缘缓存头。
输出:生成图片审计摘要(总数、缺 alt、超大、格式错误、无尺寸、未懒加载的数量),以及按体积影响排序的优先优化清单和具体建议。
限制与错误处理:URL 不可达时报告状态码;页面无图片时提示可能由 JavaScript 或 CSS 背景图加载;图片位于 CDN 或需鉴权时无法直接分析体积,仅报告可获取的元数据。该技能不能替代特定环境的验证、测试或专家评审;缺少输入、权限、安全边界或成功标准时应先询问澄清。所有阈值与建议均为资料所述,未提供的具体数值或平台信息暂未提供。