<NuxtPicture>
Nuxt 提供 <NuxtPicture> 组件来处理自动图像优化。
<NuxtPicture>
是原生 <picture>
标签的直接替代品。
<NuxtPicture>
的用法几乎与 <NuxtImg>
相同,但它还支持在可能的情况下提供现代格式,如 webp
。
了解更多关于 <picture>
标签的信息,请访问 MDN。
设置
要使用 <NuxtPicture>
,您需要安装并启用 Nuxt Image 模块:
Terminal
npx nuxi@latest module add image