跳到主要内容

<NuxtPicture>

Nuxt 提供了 <NuxtPicture> 组件来处理自动图像优化。

<NuxtPicture> 是原生 <picture> 标签的即用替换组件。

<NuxtPicture> 的用法与 <NuxtImg> 几乎相同,但它还允许在可能时提供 webp 等现代格式。

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

安装

要使用 <NuxtPicture>,你应该安装并启用 Nuxt Image 模块:

Terminal
npx nuxt module add image
阅读更多

了解更多关于 <NuxtPicture> 组件的内容。 :