<NuxtImg>

<NuxtImg> 是原生 <img> 标签的直接替代。

• 使用内置提供者优化本地和远程图片
• 将 src 转换为提供者优化的 URL
• 根据 width 和 height 自动调整图片大小
• 在提供 sizes 选项时生成响应式大小
• 支持原生懒加载以及其他 <img> 属性

设置

为了使用 <NuxtImg>，您应该安装并启用 Nuxt 图像模块：

npx nuxi@latest module add image

使用

<NuxtImg> 直接输出一个原生 img 标签（没有任何包装）。用法与使用 <img> 标签相同：

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

将结果为：

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