<NuxtImg> é um substituto direto para a tag nativa <img>.

• Usa o provedor embutido para otimizar imagens locais e remotas
• Converte src para URLs otimizados pelo provedor
• Redimensiona automaticamente as imagens com base em width e height
• Gera tamanhos responsivos ao fornecer a opção sizes
• Suporta carregamento lento nativo, bem como outros atributos de <img>

Configuração

Para usar <NuxtImg>, você deve instalar e habilitar o módulo Nuxt Image:

npx nuxt module add image

Uso

<NuxtImg> gera diretamente uma tag img nativa (sem qualquer wrapper ao redor). Use-o como você usaria a tag <img>:

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

Resultará em:

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