<NuxtImg> es un reemplazo directo para la etiqueta nativa <img>.

• Utiliza un proveedor incorporado para optimizar imágenes locales y remotas
• Convierte src a URLs optimizadas por el proveedor
• Redimensiona automáticamente las imágenes según width y height
• Genera tamaños responsivos al proporcionar la opción sizes
• Soporta carga diferida nativa así como otros atributos de <img>

Configuración

Para usar <NuxtImg> debes instalar y habilitar el módulo de imagen de Nuxt:

npx nuxt module add image

Uso

<NuxtImg> genera directamente una etiqueta img nativa (sin ningún contenedor alrededor). Úsalo como usarías la etiqueta <img>:

<NuxtImg src="/nuxt-icon.png" />

Resultará en:

<img src="/nuxt-icon.png" />