Skip to content

Commit 44fe971

Browse files
authored
Update image optimization docs to include blog details (#18401)
This PR documents some details that are mentioned in the blog post https://nextjs.org/blog/next-10
1 parent 79314ef commit 44fe971

File tree

1 file changed

+9
-3
lines changed

1 file changed

+9
-3
lines changed

docs/basic-features/image-optimization.md

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,11 +11,17 @@ description: Next.js supports built-in image optimization, as well as third part
1111
</ul>
1212
</details>
1313

14-
Since version **10.0.0** Next.js has a built-in Image Component and Automatic Image Optimization.
14+
Since version **10.0.0**, Next.js has a built-in Image Component and Automatic Image Optimization.
1515

16-
The Next.js Image Component (`next/image`) is an extension of the HTML `<img>` element, evolved for the modern web.
16+
The Next.js Image Component, [`next/image`](/docs/api-reference/next/image.md), is an extension of the HTML `<img>` element, evolved for the modern web.
1717

18-
The Automatic Image Optimization allows for resizing, optimizing, and serving images in modern formats like [WebP](https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types). This avoids shipping large images to devices with a smaller viewport.
18+
The Automatic Image Optimization allows for resizing, optimizing, and serving images in modern formats like [WebP](https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types) when the browser supports it. This avoids shipping large images to devices with a smaller viewport. It also allows Next.js to automatically adopt future image formats and serve them to browsers that support those formats.
19+
20+
Automatic Image Optimization works with any image source. Even if the image is hosted by an external data source, like a CMS, it can still be optimized.
21+
22+
Instead of optimizing images at build time, Next.js optimizes images on-demand, as users request them. Unlike static site generators and static-only solutions, your build times aren't increased, whether shipping 10 images or 10 million images.
23+
24+
Images are lazy loaded by default. That means your page speed isn't penalized for images outside the viewport. Images load as they are scrolled into viewport.
1925

2026
## Image Component
2127

0 commit comments

Comments
 (0)