Providers

Bunny

Nuxt Image with Bunny integration.

Integration between Bunny and the image module.

To use this provider you just need to specify the base URL of your project.

nuxt.config.ts
export default defineNuxtConfig({
  image: {
    bunny: {
      baseURL: "https://<your-hostname>.b-cdn.net",
    },
  },
});

Modifiers

All the default modifiers from Bunny's documentation are available.

<NuxtImg
  provider="bunny"
  src="https://bunnyoptimizerdemo.b-cdn.net/bunny1.jpg"
  height="512"
  width="512"
  :quality="90"
/>