NuxtImage

up:: Nuxt ⚐

• Optimized images for Nuxt · Nuxt Image

A module for nuxt.

NuxtImage and NuxtPicture

nuxt-img replaces the html <img> tag. As far as I can tell, using nuxt-picture (which corresponds to the <picture> tag) is always better.

Advantags of picture:

• serve modern formats like webp with fallbacks
• choose a fitting size from multiple sources

NuxtImage versus v-sharp

🔗 v-sharp: jw-12138/vite-plugin-vsharp: VSharp is a plugin for Vite, it allows you to compress static images after each build, using the powerful Sharp.js library.

NuxtImage uses unjs/ipx under the hood. ipx uses sharp as well. So NuxtImage can do everything that v-sharp can do and more.