跳转到内容
搜索文档

简介

最后更新 查看 MarkdownAgent 设置

Cloudflare 提供使用 Images 构建和扩展媒体应用的平台。在本页中,我们将回答以下问题:

  • 为什么要优化图像?
  • 如何开始使用 Images?
  • 应该使用 Images 还是 R2 存储?

为什么要优化图像?

以原始分辨率和格式加载图像很快会成为应用性能的瓶颈——尤其是在移动设备上。

同时,创建和存储同一图像的多个版本会增加复杂性和开销,以及存储成本。

当您提供大量媒体时,图像优化可以带来:

  • 简化的基础设施 — 通过按需动态生成优化版本,简化工作流程并降低基础设施成本。
  • 更小的文件大小 — 自动以 AVIF 和 WebP 等现代格式交付图像,提升页面速度并降低带宽消耗。
  • 响应式尺寸 — 使用存储中的同一原始图像,为任何用例裁剪和调整大小,从方形缩略图到横向横幅。
  • 视觉效果 — 在边缘应用模糊、叠加、背景填充等效果。

如何开始使用 Images?

根据图像存储位置,有两种使用 Images 的方式:

优化远程图像

将图像保留在您自己的源站、R2 或任何存储提供商上。Cloudflare 拉取原始图像,在边缘应用优化,并缓存优化后的图像。

您可以定义源站允许列表,控制 zone 上哪些源图像可以被转换。

要开始使用,请在 zone 上启用转换

使用 Images 上传和交付

在全球范围内存储、优化和交付图像,无需管理基础设施。

如果您的应用以用户上传内容为中心,则可以使用 Direct Creator Upload API 安全地直接从用户接收图像。

要开始使用,请设置预定义变体,配置托管图像应如何交付。

应该使用 Images 还是 R2 存储?

存储在 R2 中并使用 Images 进行转换,如果您想构建自定义图像管道或需要对存储进行细粒度控制,例如存储桶级别访问管理对象生命周期规则。这通常是图像优化最具成本效益的方式。

存储在 Images 中,如果您想要完全托管的解决方案且配置最少。我们的内置功能包括共享交付域名预定义变体,以及在更新存储中的原始图像时自动缓存失效。

每种用例都有独立的定价模型。要了解更多信息,请参阅定价

这篇文档对您有帮助吗?