<NuxtPicture>
Nuxt proporciona un componente <NuxtPicture> para manejar la optimización automática de imágenes.
<NuxtPicture> es un reemplazo directo para la etiqueta nativa <picture>.
El uso de <NuxtPicture> es casi idéntico a <NuxtImg> pero también permite servir formatos modernos como webp cuando sea posible.
Aprende más sobre la etiqueta <picture> en MDN.
Configuración
Para usar <NuxtPicture> debes instalar y habilitar el módulo Nuxt Image:
Terminal
npx nuxt module add image
※Esta página es una traducción no oficial de la documentación oficial de Nuxt.js.
La página correspondiente en la documentación oficial está aquí:
https://nuxt.com/docs/3.x/api/components/nuxt-picture