图片几乎总是网页中最重的部分，而你托管它们的方式决定了网站给人的感觉是即时还是迟缓。到了 2026 年，问题不再是"我是否应该优化图片"，而是"它们应该放在哪里，才能让优化自动发生"。在为流量繁忙的 WordPress 和 PrestaShop 站点在边缘调整图片尺寸多年之后，我的答案是 Cloudflare Images。它存储你的原图，从 Cloudflare 的全球网络分发它们，并即时转换为新一代格式，这一切都隐藏在一个简单的 URL 之后。

本指南解释 Cloudflare Images 究竟是什么，它与单纯的 CDN 有何不同，以真实数字计算成本几何，作为全球图片分发网络如何运作，以及它与 Cloudinary 和自托管等替代方案相比如何。读完之后，你将知道它是否是你图片的合适归宿，以及如何在今天就开始。

摘要

  • Cloudflare Images 只存储一次原图，并从 Cloudflare 的全球边缘分发经过优化的 WebP/AVIF 版本，没有出口费用
  • 定价简单且可预测：每月每 100,000 张存储图片 5 美元，每月每 100,000 张分发图片 1 美元
  • 你也可以转换已经托管在别处的图片（包括 Cloudflare R2 ），而无需将它们存入 Images
  • 它用一个产品和一个分发 URL，取代了插件、调整尺寸脚本和单独 CDN 的繁杂组合
  • 对于 WordPress 和 PrestaShop，你可以将它与我的免费插件和 Worker 结合，自动重写每一个图片链接

Cloudflare Images 究竟是什么

Cloudflare Images 是一条完整的图片流水线：存储、优化和分发集于一个产品。你只上传一次原图，Cloudflare 就给你一个分发 URL。当访客请求该 URL 时，Cloudflare 将图片调整为你要求的尺寸，转换为浏览器支持的最高效格式（通常是 WebP 或 AVIF），压缩它，并将结果缓存在离该访客最近的边缘。

分发 URL 看起来像这样：

1https://imagedelivery.net/<account-hash>/<image-id>/<variant>

末尾的 <variant> 是你定义一次的具名转换集合（例如 thumbnail、hero 或 1200x675）。你也可以启用灵活变体，直接在 URL 中传入宽度、高度、质量和格式。因此，一张原图就能生成你将来需要的每一种尺寸和格式，而无需你生成或存储哪怕一个派生文件。

这正是本文图片的分发方式。你看到的每一张图片都使用带有响应式 <picture> 源集的 Cloudflare Images 分发 URL，这就是它们在移动端和桌面端都能快速加载的原因。

为什么不只用 CDN

一个常见的反驳是：“我已经在站点前面放了一个 CDN，这还不够吗？“它们并不是一回事，而且区别很重要。

单纯的 CDN 缓存并分发你的源服务器产生的字节本身。如果你的源服务器存储了一张 2 MB 的 JPEG，CDN 会乐意更快地分发同样这张 2 MB 的 JPEG。它不会让图片更小，不会将其转换为 AVIF，也不会生成手机实际需要的更小尺寸。

Cloudflare Images 是一个主动层，而非被动缓存。它改变图片本身：

  • 将尺寸调整为每个设备所需的精确尺寸
  • 根据请求浏览器接受的内容转换为 WebP 或 AVIF
  • 智能压缩，使一张 1 MB 的照片变为约 100 至 200 KB
  • 将每个派生版本缓存在边缘，因此工作只需做一次

简而言之，它改善你的图片、加速你的网站、提升你的 Core Web Vitals 并节省带宽。单凭 CDN 只能做到最后一点，而且也只是部分做到。

使用 Cloudflare Images 的两种方式

有一个让许多人绊倒的重要区分，所以我把它讲清楚。

1. 用 Cloudflare Images 存储并分发。 你将原图上传到 Cloudflare Images。Cloudflare 成为你图片的归宿及其分发网络。对于新项目和图片密集型站点，这是最干净的选择。

2. 转换托管在别处的图片。 如果你的原图已经在别处，例如对象存储 Cloudflare R2 或你自己的服务器，你可以使用 Cloudflare 的图片转换在分发时即时优化它们，而无需在 Images 中存储第二份副本。这就是"从远程源转换"的模式，我在专门指南 Cloudflare Image Transformations 中有深入讲解。

大多数站点出于简单考虑选择第一种方式。已经在 R2 中保有大型媒体库的团队，往往选择第二种方式，以避免为存储付两次费。R2 在这里尤其有吸引力，因为它没有出口费用，我在 在 Cloudflare R2 上托管图片 的指南中作了详细拆解。

用清晰数字看 Cloudflare Images 定价

Cloudflare Images 最好的一点是定价确实简单，没有意外的出口费用。截至 2026 年，官方定价 如下：

你为何付费费用
存储的图片每 100,000 张 / 月 5 美元
分发的图片每 100,000 张 / 月 1 美元
转换（外部图片）前 5,000 次唯一转换免费，之后每 1,000 次 0.50 美元 / 月
出口带宽0 美元（免费）

一个计算示例让它变得具体。假设你经营一家拥有 10,000 张产品图片的商店，并在一个月内分发 500,000 次图片浏览。存储费用为 0.50 美元（10,000 张存储），分发费用为 5 美元（500,000 张分发），那个月合计约 5.50 美元。没有单独的带宽账单，没有按次调整尺寸的费用，也没有按格式的附加费。

把它与典型的托管图片服务相比，后者的带宽和转换次数可能主导账单，吸引力便显而易见：你可以在投入之前预测成本。

Cloudflare Images 对比 Cloudinary 对比自托管

标准Cloudflare ImagesCloudinary自托管 + CDN
自动 WebP/AVIF是是仅当你自行构建
出口费用无按带宽分级你支付主机/CDN
定价模型存储 + 分发积分（转换、存储、带宽）服务器 + CDN + 你的时间
全球边缘分发内置内置取决于 CDN
设置复杂度低低到中高
成本可预测性非常高较难预测多变

Cloudinary 是一款功能丰富的强大产品，但其基于积分的模型将转换、存储和带宽捆绑在一起，使得规模扩大时更难预测。自托管给你完全的控制权，但你要负责调整尺寸的流水线、格式协商、缓存头和 CDN 配置，需要维护的活动部件很多。Cloudflare Images 处于理想的甜蜜点：几乎全部的好处、极少的运营负担，以及一份你可以预测的账单。

WordPress 和 PrestaShop：自动化每一张图片

如果你运营 WordPress 或 PrestaShop，实际的挑战是让页面上的每一张图片都使用经过优化的分发 URL，包括由主题、插件和内联 CSS 注入的图片。我正是为此构建了免费工具。

  • WordPress 插件。 我的 Cloudflare Image Resizing 插件 （源代码在 GitHub ）会重写图片链接，使它们经过 Cloudflare 的优化。
  • Cloudflare Worker。 为实现完整覆盖，我的 Cloudflare Image Resizing Worker 位于你的站点与访客之间，重写最终的 HTML，包括 CSS 中的图片，这是单凭插件无法触及的。

我为两个平台都写了完整的分步教程：面向 WordPress 的 Cloudflare Image Resizing 和 面向 PrestaShop 的 Cloudflare Image Resizing 。如果你使用其中任一平台，请在读完本概览后从那里开始。

有一项重要更新值得强调：转换图片以前需要付费的 Pro 套餐。现在不再如此。图片转换现在在免费套餐中也可使用，每月最多 5,000 次唯一转换，大大降低了小型站点的门槛。

无需仪表板管理你的图片

通过网页仪表板上传和整理图片，在文件不多时还行，但规模大了就变得繁琐。如果你将原图保存在 Cloudflare R2 中（媒体库的常见模式），我构建了一款免费桌面应用让这件事变得轻松：Easy Cloudflare R2 让你浏览存储桶、拖放上传、编辑对象元数据，并在 Windows、macOS 和 Linux 上的一个简洁界面中管理一切。若要直接使用 Cloudflare Images 产品，Easy Cloudflare Images 在上传和优化你的图片库方面提供同样的功能。

今天如何开始

  1. 登录你的 Cloudflare 仪表板，并从侧边栏启用 Images。
  2. 上传一张测试图片，或将一个转换指向已有的图片 URL。
  3. 为你网站最常用的尺寸创建一两个变体（variant）（例如一个 hero 和一个缩略图）。
  4. 用新的分发 URL 替换网站上的一张图片，并在 PageSpeed Insights 上进行前后对比测试。
  5. 如果你使用 WordPress 或 PrestaShop，安装插件或部署 Worker 来自动化其余部分。

通常你会立即看到那张图片的体积下降 70 到 90 个百分点，并相应地提升你的 Core Web Vitals。

要点总结

  • Cloudflare Images 将存储、优化和全球分发集于一个产品，且没有出口费用
  • 定价简单且可预测：每月每 100,000 张存储 5 美元，每 100,000 张分发 1 美元
  • 单纯的 CDN 只缓存你的字节；Cloudflare Images 会主动调整尺寸、转换和压缩它们
  • 你可以将原图存入 Images，或转换已经托管在 R2 或你服务器上的图片
  • 转换现在在免费套餐中也可用（每月最多 5,000 次唯一），不再仅限 Pro
  • WordPress 和 PrestaShop 用户可以用我的免费插件和 Worker 自动化每一张图片

常见问题

Cloudflare Images 免费吗？ 图片转换在免费套餐中每月最多可用 5,000 次唯一转换。通过 Cloudflare Images 产品存储和分发图片是付费的，每月每 100,000 张存储图片 5 美元、每 100,000 张分发图片 1 美元，没有出口费用。

Cloudflare Images 会自动转换为 WebP 和 AVIF 吗？ 会。当浏览器请求一张图片时，Cloudflare 会检测其支持的格式并分发最高效的格式，通常是 AVIF 或 WebP，并对较旧的浏览器回退到原始格式。你无需自己生成这些版本。

我可以将 Cloudflare Images 与存储在 R2 中的图片一起使用吗？ 可以。你可以将原图保存在 Cloudflare R2 中，并使用 Cloudflare 的图片转换在分发时优化它们，而无需在 Images 中存储第二份副本。R2 没有出口费用，使其成为大型媒体库具有成本效益的源站。

我还需要 Pro 套餐来调整图片尺寸吗？ 不需要。这一点已经改变：图片转换现在在免费套餐中每月最多可用 5,000 次唯一转换。更大的用量和平台内存储则在付费套餐中计费。

Cloudflare Images 与 Cloudinary 相比如何？ 两者都提供自动格式转换和全球分发。主要区别在于定价模型。Cloudflare Images 收取简单的存储加分发费用，没有出口费用，而 Cloudinary 使用捆绑的积分模型，随着流量增长更难预测。

它能在 WordPress 和 PrestaShop 上运行吗？ 能。使用我的免费 WordPress 插件进行快速设置，或部署我的 Cloudflare Worker 以实现完整覆盖，连 CSS 中的图片也一并重写。我为两个平台都写了完整的分步指南。