图像优化后端用于将图像转换为所需的格式和质量。
它应该可以通过 /_next/image?url=URL_OF_THE_IMAGE&q=QUALITY&w=WIDTH
访问,并应作为图像源的代理使用。
流式处理(Streaming)对这个后端没有用处,因为即使对于响应头我们也必须等待图像转换完成。未来这个后端可能会增强以支持流式处理。
环境变量
- BUCKET_NAME: 存储图像的桶名称
- BUCKET_KEY_PREFIX: 存储图像的键前缀
- OPENNEXT_STATIC_ETAG: 如果设置为
true
,ETag 头将被设置为图像属性(href、width、quality、buildId)的哈希值。这将允许我们在图像属性未更改时返回 304 响应。
特殊覆盖
加载器(Loader)
用于加载内部图像。默认情况下,它使用 S3 API 从桶中加载图像。
您可以通过向 loader
属性提供自定义加载器函数来自定义加载器。
它应该返回
type ImageLoader = BaseOverride & {
load: (url: string) => Promise<{
body?: Readable;
contentType?: string;
cacheControl?: string;
}>;
};