Tutorial6 min read·Updated

Nuxt Image: WebP Assets for Nuxt 3 Sites

Nuxt Image (IPX) generates WebP variants. It still reads your original. Convert `public/` heroes and blog media to WebP at 1600–1920 px so first-load and preview deploys stay snappy.

IPX is a resizer, not a miracle

<NuxtImg> requests widths and formats. A 6 MB PNG in public/images makes IPX slow on serverless and on a VPS. A 180 KB WebP original makes every preset cheap.

Why it matters

  • Nuxt content sites list many covers on index pages.
  • Serverless IPX cold starts hurt when sources are huge.
  • Static generate still copies or processes those files.

How to do it

  1. Convert public/images in batches of 100.
  2. Update paths to .webp or keep names if your preset adds format.
  3. Set format: webp in presets as a safety net.

Settings that work

Match your screens / preset widths. Usually 1920 max. Quality 80.

Convert a batch in your browser. Nothing is uploaded.
Open the converter

Put it into practice

Convert your images to WebP right now, free and privately in your browser.

Open the converter

Frequently asked questions

Yes. It is a default output format in many presets.

Yes for static assets. Build plugins help if authors add images daily in git.

Keep reading

Tutorial6 min read

WebP in Next.js

next/image can serve WebP, but huge files in /public still hurt. How to pre-convert static assets and CMS images for Next.js App Router.

Read more
Tutorial6 min read

WebP in Astro

Astro can transform images at build time. Pre-convert large photos to WebP so builds stay fast and pages stay light.

Read more
Workflow6 min read

Blog images to WebP

How to bulk convert article photos and UI screenshots to WebP with different quality for each type.

Read more