是否可以配置Next.js应用程序,通过自定义图像优化步骤,在所有网站图像上自动添加IPTC数据?

oxf4rvwz  于 2023-01-05  发布在  其他
关注(0)|答案(2)|浏览(71)

我有一个Next.js 13网站运行专有图像.
其中一些照片具有IPTC照片元数据,但默认情况下Next.js Image optimization会删除它们。
是否可以定制Next.js应用程序来保留它们,或者更好的是通过定制优化步骤在网站的所有图像上添加一组预定义的IPTC元数据?
我试着在Next.js Image Component API文档中查找,我看到sharp可以读取IPTC元数据,所以我想可以自定义图像优化步骤来添加IPTC元数据?

inkz8wg9

inkz8wg91#

我还没有对此进行测试,但是看起来您可以使用next/image unoptimized参数来避免对图像的所有处理,这可能会将元数据留在原处。
通过夏普的withMetadata()函数has been suggested集成支持,但没有内置。我建议你添加您的投票的问题,如果你想看到它添加到下一个/图像。我刚刚做了!

a14dhokn

a14dhokn2#

在当前版本的Next.js(13.1.1)中,无法保留带有image optimization的图像IPTC元数据。

  • 可以关闭每个图像或所有图像的优化,以保留原始文件元数据。
  • 另一种可能性是手动创建不同大小的图像,并使用自定义加载程序来服务它们。
  • 如果目标是使图像IPTC metadata in Google indexation,则可以在使用图像的页面中使用Google结构化数据。

使用withMetadata(),可以使用Sharp来保留图像元数据。
你可以为这个feature request here投票。

相关问题