Docs: Image Optimization Deep Dive #78857
Draft
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
Hi there 👋 It looks like this PR introduces broken links to the docs, please take a moment to fix them before merging:
Thank you 🙏 |
delbaoliveira
commented
May 6, 2025
|
|
||
| ### Duration | ||
|
|
||
| TODO: What is the default duration with no configuration? |
There was a problem hiding this comment.
What is the default cache duration if not configured?
Comment on lines
+61
to
+62
| - [Caches](#caching-and-revalidating-images) the optimized image. | ||
| - Serves the optimized images at runtime. |
There was a problem hiding this comment.
Where are the images cached and served from?
On vercel vs. self-hosting
Comment on lines
+40
to
+48
| ### Supported image formats | ||
|
|
||
| The built-in loader supports common web-friendly formats: | ||
|
|
||
| - `jpeg` | ||
| - `png` | ||
| - `webp` | ||
| - `avif` | ||
| - `tiff` |
There was a problem hiding this comment.
Confirm supported vs. unsupported image formats
delbaoliveira
commented
May 6, 2025
Comment on lines
+59
to
+62
| - Generates multiple [image sizes](#image-sizing) for different screens using modern [image formats](#supported-image-formats). | ||
| - Builds the URLs pointing to the optimized image version, and creates a `srcset` attribute. | ||
| - [Caches](#caching-and-revalidating-images) the optimized image. | ||
| - Serves the optimized images at runtime. |
There was a problem hiding this comment.
Ideally, these steps should be sequential
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Deep dive on how image optimization works in Next.js
Closes: https://linear.app/vercel/issue/DOC-4634/new-page-how-image-optimization-works-in-nextjs