Provide image dimensions or sizes

Run this rule

pnpm nuxt doctor --rules nuxt-image/prefer-responsive-dimensions

Why it matters

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

Recommended fix

Use the Nuxt-supported responsive dimensions pattern instead.

Useful links

• Rule reference
• Nuxt Image

Example

Use responsive dimensions

Before

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

After

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