Skip to content
masterclass Buddy
Start learning

Next.js 16+ · Option

images

Next.js Image adds automatic optimization to images. Give it src, alt, and dimensions, or use fill when the size is unknown.

Last updated

Syntax

<Image src="/image.png" width={500} height={500} alt="Description" />

In-depth API docs are only for subscribers: parameters, examples, common mistakes and interview practice.

Subscribe
  • localPatterns
  • remotePatterns
  • loaderFile
  • deviceSizes
  • imageSizes
  • qualities
  • formats
  • unoptimized

Source: Image Component. Checked 2026-11-03.