Repository files navigation

Plug-and-play image optimization for Nuxt apps. Resize and transform your images using built-in optimizer or your favorite images CDN.

• 📖  Read Documentation
• 👾  Playground

• <nuxt-img> drop-in replacement for the native<img> element
• <nuxt-picture> drop-in replacement for the native<picture> element.
• Built-in image resizer and transformer withunjs/ipx
• Support 20+ providers
• Generate responsive sizes
• Optimize using modern formats such as webp and avif
• ... and more

Install@nuxt/image dependency to your project:

npx nuxt module add image

Note: This branch is forNuxt 3 compatible module. Checkoutv0 branch forNuxt 2 support. (Announcement)

• Clone this repository
• EnableCorepack usingcorepack enable
• Install dependencies usingpnpm install
• Runpnpm dev:prepare to generate type stubs.
• Usepnpm dev to startplayground in development mode.

Published under theMIT License