用途：这是前端检查清单（front-end-checklist）中的一条图片规则，主题为“通过 CDN 提供图片”。适用于审查图片资源、标记（markup）以及与 CDN 或构建转换相关的交付配置。
主要检查点：确认图片是否由 CDN 或图片优化服务提供；核对编码后文件大小、实际渲染尺寸、加载策略，以及格式选择、尺寸设置或加载行为是否违反该规则。代码审查时需指出具体违反规则的文件或组件，并说明如何在 DevTools 中确认修复效果。
能力说明：资料指出图片 CDN 可即时自动优化、缩放并转换图片，无需手动处理即可输出体积最小、格式最优的图片；可用于自动格式转换（WebP、AVIF）；可通过 URL 参数即时生成响应式尺寸；借助 CDN 边缘缓存从最近位置交付图片。常见可选方案包括 Cloudinary、Imgix、Cloudflare Images、Vercel。
使用方式：先检查现有图片是否来自 CDN 或图片优化服务；若未使用，可配置 Cloudinary、Imgix、Cloudflare Images 等图片 CDN 以实现自动优化；审查时定位格式、尺寸或加载行为有问题的文件与组件，并用 DevTools 验证修复。完整实现细节、代码示例与框架相关指引参见 references/rule.md，规则页面为 https://frontendchecklist.io/en/rules/images/image-cdn。
限制：资料未提供具体价格、收费模式、各服务对比细节、完整代码示例或逐步安装命令，这些暂未提供。