<NuxtPicture>
Nuxt 提供了一个 <NuxtPicture> 组件,用于处理自动图像优化。
<NuxtPicture>
是原生 <picture>
标签的替代品。
使用 <NuxtPicture>
与 <NuxtImg>
几乎相同,但它还允许在可能时提供现代格式,如 webp
。
在 MDN 上了解更多关于 <picture>
标签的信息。
设置
为了使用 <NuxtPicture>
,您需要安装并启用 Nuxt 图像模块:
Terminal
npx nuxi@latest module add image