Next.js 16 · Metadata and configuration

Optimize an image

Use next/image for resizing, lazy loading and modern formats.

import Image from "next/image";

<Image src="/hero.png" alt="Hero" width={800} height={400} />

Official Next.js 16 documentation

More metadata and configuration commands

All metadata and configuration commands · Next.js 16 cheatsheet

Was this page helpful?