<NuxtPicture>

Nuxt 提供了一个 <NuxtPicture> 组件,用于处理自动图像优化。

<NuxtPicture> 是原生 <picture> 标签的替代品。

使用 <NuxtPicture><NuxtImg> 几乎相同,但它还允许在可能时提供现代格式,如 webp

在 MDN 上了解更多关于 <picture> 标签的信息

设置

为了使用 <NuxtPicture>,您需要安装并启用 Nuxt 图像模块:

Terminal
npx nuxi@latest module add image
阅读更多关于 <NuxtPicture> 组件的信息。