nginx - 使用 nginx 作为服务器在 HTML 中添加 avif 图像

Question

我创建了一些 avif 图像heif-anc：

for i in card*.png ; do heif-enc "$i" -o "${i%.*}.avif" ; done

但是当我将它们添加到我的网站时，它只是建议下载图像。

然后我在我的 nginx-config中启用了 avif 图像

http {
  types {
    image/avif avif;
  }
  ...

现在它尝试显示图像，但它们似乎已损坏。如果直接调用它，成功启用 avif 支持的 Firefox 会显示以下错误消息：

avif 无法显示，因为它包含错误

在这里：您可以看到我尝试提供的 avif 文件：

我是否必须以不同的方式创建 avif 图像以便 Firefox 可以显示它？

score 1 · Accepted Answer

Firefox 还不能显示 HEIF/HEIC 图像。

为了通过对 AVIF 进行编码heif-enc，请添加-A参数。当你省略 -A 参数时，HEIC 文件被编码。

编码 AVIF 的另一种方法是使用avifenclibavif 包。

1 回答 1