Nuxt Image

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

  • <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 18+ providers
  • Generate responsive sizes
  • Optimize using modern formats such as webp and avif
Bash
$yarn add -D @nuxt/image
Click to copy