@nuxt/image

Nuxt Image Module
15,675,892 1,551
Install
npm install @nuxt/image
Latest Version:2.2.0
Vue:3
License:MIT
Last Updated:Oct 27, 2026
Links: GitHub  ·  npm
Maintainer: danielroe

nuxt-image-social-card

npm version npm downloads License Nuxt Volta nuxt.care health

Nuxt Image

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

Features

  • <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 with unjs/ipx
  • Support 20+ providers
  • Generate responsive sizes
  • Optimize using modern formats such as webp and avif
  • ... and more

Installation

Install @nuxt/image dependency to your project:

npx nuxt module add image

Nuxt 2

Note: This branch is for Nuxt 3, 4 and 5 compatible module. Checkout v0 branch for Nuxt 2 support. (Announcement)

Contributing

  • Clone this repository
  • Enable Corepack using corepack enable
  • Install dependencies using pnpm install
  • Run pnpm dev:prepare to generate type stubs.
  • Use pnpm dev to start playground in development mode.

📑 License

Published under the MIT License

Related Packages

@nuxt/opencollective
204,891,232 29
@nuxt/kit

Toolkit for authoring modules and interacting with Nuxt

180,912,103 61,000
@nuxt/devtools-kit
74,439,777 3,310
@nuxt/devtools

The Nuxt DevTools gives you insights and transparency about your Nuxt App.

52,400,352 3,310
@nuxt/eslint-config

ESLint config for Nuxt projects

24,335,600 640

Version History

Version Released Vue License
2.2.0 ^3.0 MIT
2.1.0 ^3.0 MIT
2.0.0 ^3.0 MIT
1.11.0 ^3.0 MIT
1.10.0 ^3.0 MIT
Pre-releases (12)
Version Released Vue License
2.0.0-alpha.1 ^3.0 MIT
1.0.0-rc.3 ^3.0 MIT
1.0.0-rc.2 ^3.0 MIT
1.0.0-rc.1 ^3.0 MIT
1.0.0-rc.0 ^3.0 MIT