图像 CDN 位于存储和用户之间，为每个请求即时转换图像的格式、尺寸和质量。2026 年的 主要选项是 Cloudflare Images、Cloudinary 和 imgix。以下是帮助您选择的实用比较。
图像 CDN 的作用
没有图像 CDN，提供产品图像需要：
- 上传原始文件（例如：3 MB JPEG）
- 手动生成调整大小的变体（缩略图、中等、大）
- 为支持的浏览器转换为 WebP
- 从源站或标准 CDN 提供
使用图像 CDN，您只需上传一次原始文件。转换通过 URL 参数在请求时进行：
https://cdn.example.com/image.jpg?w=400&f=webp&q=80
第一次请求生成并缓存转换。后续请求从边缘缓存提供。
Cloudflare Images
最适合： 已使用 Cloudflare 的网站、可预测的定价、大容量。
Cloudflare Images 采用按图像存储的定价模式：
- 每月 $5 存储最多 100,000 张图像
- 每额外 100,000 张图像 $1
- 通过 URL 进行转换（
cdn-cgi/image/前缀） - 基于浏览器 Accept 头的自动 AVIF 和 WebP 转换
定价透明，不会随流量激增。主要限制：与 Cloudflare 基础设施紧密耦合。
Cloudinary
最适合： 大型媒体库、AI 驱动的转换、广泛的 SDK 支持。
Cloudinary 是功能最丰富的选项，具有 AI 背景移除、智能裁剪和超过 150 种转换选项。 定价基于转换积分：
- 免费套餐：每月 25 积分
- 付费套餐从每月 $89 起
- 大规模使用多种唯一转换时可能变得昂贵
对于有复杂图像需求（多种宽高比、AI 裁剪、叠加）的电商是最佳选择。
imgix
最适合： 需要完全控制的开发者、React/Next.js 项目、灵活的源配置。
imgix 连接到您现有的 S3、GCS 或 Web 文件夹。它有简洁的 URL API 和 React 官方 SDK：
<img src={buildURL('image.jpg', { w: 400, fm: 'webp', q: 80 })} />
大流量定价从每月 $250 起（包含慷慨的免费测试套餐）。
使用 Next.js + Sharp 自托管
对于低到中等流量的应用，Next.js 内置的图像优化（next/image）在您的服务器上 使用 Sharp。这是免费的，但有 next/image vs 预转换文章中讨论的冷启动惩罚。
决策矩阵
| 场景 | 推荐 |
|---|---|
| 初创企业，图像少于 10K | next/image 或 Cloudflare Images 免费套餐 |
| 有复杂转换需求的电商 | Cloudinary |
| 高流量，使用 Cloudflare | Cloudflare Images |
| 面向开发者，需要控制 | imgix |
| 静态网站，简单图像 | 构建时预转换为 WebP |
预转换作为替代方案
对于图像集小而稳定的网站（营销网站、博客、文档），在构建时将图像预转换为 WebP 可以 完全消除 CDN 成本。使用 Picovert 的转换工具进行手动转换，或将 Sharp 集成到您的构建管道中。