Next.js +生产构建+ Webp格式图像

tf7tbtn2 于 2023-11-18 发布在其他

关注(0)|答案(1)|浏览(100)

我有几张图片已经是.webp的了。
/public/images/Image.webp个
它们在我的开发本地环境中工作，但当我构建和查看静态站点时，图像无法显示。

<picture>
    <source
        srcset="/images/architect/Header-Image.webp"
        type="image/webp"
    />
    <img srcset="/images/architect/Header-Image.webp" />
</picture>

字符串
文件位置的图像：

的数据

/public/
    images/
        architect/

型

next.js

来源：https://stackoverflow.com/questions/69228278/next-js-production-build-webp-format-images

1条答案

按热度按时间

ocebsuys1#

在Nextjs中如果你能够在本地主机中看到图像，但在生产环境中它不会工作，意味着在Image标记中添加未优化的 prop ，如<Image unoptimized/>或在next.config.ts中添加

images: {
unoptimized: true}

字符串

赞(0）回复(0）举报 2023-11-18

我来回答

Next.js +生产构建+ Webp格式图像

1条答案

相关问题

热门标签

最新问答