Providers

AWS Amplify

Nuxt Image has first class integration with AWS Amplify Hosting

Integration between AWS Amplify Hosting and the image module.

This provider will be enabled by default in AWS Amplify deployments.

This is an experimental preset and will be available soon! 🚀

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
    }
  }
}