Providers

Vercel

Optimize images at Vercel's Edge Network.

When deploying your nuxt applications to Vercel platform, image module can use Vercel's Edge Network to optimize images on demand.

This provider will be enabled by default in vercel deployments.

Domains

To use external URLs (images not in public/ directory), hostnames should be whitelisted.

Example:

nuxt.config
export default {
  image: {
    domains: [
      'avatars0.githubusercontent.com'
    ]
  }
}

Sizes

Specify any custom width property you use in <NuxtImg>, <NuxtPicture> and $img.

If a width is not defined, image will fallback to the next bigger width.

Example:

nuxt.config
export default {
  image: {
    screens: {
      icon: 40,
      avatar: 24
    }
  }
}