Image

Optimised images for Nuxt, with progressive processing, lazy-loading, real-time resizes and providers support.

Installation

npx nuxi@latest module add image

Add the following lines to the modules section of nuxt.config.{ts,js}

modules: ['@nuxt/image']

Image.vue

<template>
  <NuxtImg format="webp" src="/images/nuxt-image-demo.jpg" width="128" quality="50" />
</template>