Nuxt · Images

NUXT0007Use NuxtPicture for format negotiation

Finds Nuxt project code that should use the supported NuxtPicture for formats pattern instead.

Why it happens

Images affect accessibility, layout stability, and performance. Nuxt Image gives the framework enough information to optimize them.

Fix

Use <NuxtPicture> when you need format or source-set control.

Example

Use NuxtPicture for formats

Before

<template>
  <img src="/hero.png">
</template>

After

<template>
  <NuxtImg src="/hero.png" alt="Hero" width="1200" height="630" />
</template>

Verify the fix

Run only this rule after editing so the report stays focused on the diagnostic you are closing:

pnpm nuxt doctor --rules nuxt-image/prefer-nuxtpicture-for-formats
Copyright © 2026