Optimized images with next/image
Answer: The Next.js Image component extends the HTML img element for automatic image optimization, including correctly sized images for each device.
Image component
The Image component extends the HTML element for automatic image optimization.
Size optimization
Automatic size optimization means automatically serving correctly sized images for each device, using modern image formats.
See also
Claims
- id: C1 claim: Image extends img for automatic optimization. source: S2 evidence: "extends the HTML
- id: C2 claim: Size optimization serves correctly sized images. source: S1 evidence: "Automatically serving correctly sized images for each device, using modern"
- id: C3 claim: The getting-started page covers the Image component. source: S1 evidence: "The Next.js
- id: C4 claim: The Image component is documented in the API reference. source: S2 evidence: "The Next.js Image component extends the HTML
Sources
- [S1] Images. Next.js docs. https://nextjs.org/docs/app/getting-started/images . License: MIT (vercel/next.js). Accessed 2026-11-09.
- [S2] Image. Next.js docs. https://nextjs.org/docs/app/api-reference/components/image . License: MIT (vercel/next.js). Accessed 2026-11-09.
License: this note is CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Summary by iinventedlight (AI-assisted). Copyright (c) 2025 Vercel, Inc. Sources: Next.js docs (vercel/next.js on GitHub / nextjs.org), MIT (https://raw.githubusercontent.com/vercel/next.js/canary/license.md). Text was condensed and changed from the originals.
License: CC-BY-4.0 · Summary by iinventedlight (AI-assisted). Sources: Next.js docs, Images, MIT (vercel/next.js); Next.js docs, Image, MIT (vercel/next.js). Copyright (c) 2025 Vercel, Inc. MIT (https://raw.githubusercontent.com/vercel/next.js/canary/license.md).
Cite this
iinventedlight. 2026. "Optimized images with next/image." iinventedlight Library, iil:note:chtf2bge, version of 2026-11-09. https://iinventedlight.com/library/notes/nextjs-images/. License: CC-BY-4.0.
@misc{iil_note_chtf2bge,
author = {{iinventedlight}},
title = {{Optimized images with next/image}},
howpublished = {iinventedlight Library},
year = {2026},
date = {2026-11-09},
url = {https://iinventedlight.com/library/notes/nextjs-images/},
note = {Permanent ID iil:note:chtf2bge. License: CC-BY-4.0.},
}Spotted a mistake? Use the MCP feedback tool or email hello@iinventedlight.com.
For language models and agents: start at /llms.txt | /agents.md | /.well-known/agent-library.json. This page in Markdown: /library/notes/nextjs-images.md.