用途：为网站交付尺寸合适、采用现代格式的图片，通过懒加载、模糊占位与响应式 art direction，提升 LCP 并降低带宽消耗。
激活场景：LCP 偏慢、图片载荷过大、缺少响应式图片、next/image 配置、AVIF/WebP 转换、模糊占位、图片 CDN 设置、srcset 与 sizes。不适用于生成或编辑图片，也不适用于 SVG 图标精灵图和视频优化。
主要能力与用法：
- 先审计：运行 Lighthouse，检查 LCP 元素、图片总重量与格式使用情况。
- 框架集成：next/image、Astro <Image>、Vite vite-imagetools，在构建或请求时自动优化。
- 现代格式：AVIF、WebP，回退 JPEG/PNG，通过 Accept 头做内容协商。
- 响应式图片：srcset、sizes、<picture>，实现分辨率切换与 art direction。
- 懒加载：loading="lazy"、Intersection Observer 延迟屏外图片。
- 占位符：LQIP（模糊）、纯色、blurhash，改善加载观感。
- CDN/Loader：Cloudflare Images、Imgix、Cloudinary，实时缩放、格式转换与缓存。
- 验证：用 WebPageTest 确认支持 AVIF 的浏览器收到 AVIF，各断点尺寸正确。
关键注意：必须为图片设置 sizes 以匹配实际渲染宽度；仅 LCP 元素（通常是首屏大图）使用 priority；照片用 AVIF/WebP，PNG 只用于带透明和锐边的图形；所有 <img> 都设置 width/height 或 aspect-ratio 以避免 CLS；极小缩略图不要加模糊占位；非关键图片设 decoding="async"；服务分辨率下单图尽量不超过 200KB。
限制：资料未提供具体价格、收费模式或可运行环境要求，也未说明其与具体 CDN 账号的集成前提，使用前需自行确认项目技术栈与 CDN 支持情况。