# Cross-link map: Image Optimization with Vercel (/docs/image-optimization)

> From the Vercel docs graph (built 2026-09-21T05:26:59.511Z), spanning vercel.com docs + KB, nextjs.org, ai-sdk.dev, and other Vercel documentation sites. Full graph as JSON: https://vercel.com/docs/graph.json

## Semantically closest pages

- [How to reduce Vercel Image Optimization costs](https://vercel.com/kb/guide/reduce-image-optimization-costs-on-vercel?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=semantic) — Learn how to reduce Vercel Image Optimization costs in Next.js by tuning cache TTLs, image sizes, formats, and quality.
- [Getting started with Image Optimization](https://vercel.com/docs/image-optimization/quickstart?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=semantic) — Learn how you can leverage Vercel Image Optimization in your projects.
- [Limits and Pricing for Image Optimization](https://vercel.com/docs/image-optimization/limits-and-pricing?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=semantic) — This page outlines information on the limits that are applicable when using Image Optimization, and the costs they can i
- [Managing Usage & Costs](https://vercel.com/docs/image-optimization/managing-image-optimization-costs?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=semantic) — Learn how to measure and manage Image Optimization usage with this guide to avoid any unexpected costs.
- [Legacy Pricing for Image Optimization](https://vercel.com/docs/image-optimization/legacy-pricing?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=semantic) — This page outlines information on the pricing and limits for the source images-based legacy option.

## This page links to (19)

- [Image Component](https://nextjs.org/docs/app/api-reference/components/image?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound) — Optimize Images in your Next.js Application using the built-in `next/image` Component.
- [next.config.js](https://nextjs.org/docs/app/api-reference/config/next-config-js?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound) — Learn how to configure your application with next.config.js.
- [Image](https://nextjs.org/docs/pages/api-reference/components/image?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound) — Optimize Images in your Next.js Application using the built-in `next/image` Component.
- [Build Output Configuration](https://vercel.com/docs/build-output-api/configuration?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound) — Learn about the Build Output Configuration file, which is used to configure the behavior of a Deployment.
- [Vercel CDN Cache](https://vercel.com/docs/caching/cdn-cache?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound) — Learn how Vercel's CDN cache stores your content across a global network to reduce latency and origin load.
- [Purging Vercel CDN Cache](https://vercel.com/docs/caching/cdn-cache/purge?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound) — Learn how to invalidate and delete cached content on Vercel's CDN, including cache keys and manual purging options.
- [Vercel CDN overview](https://vercel.com/docs/cdn?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound) — Vercel's CDN is a globally distributed platform that handles routing, caching, security, and compression for every deplo
- [vercel blob](https://vercel.com/docs/cli/blob?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound) — Learn how to interact with Vercel Blob storage using the vercel blob CLI command.
- [Managing Deployments](https://vercel.com/docs/deployments/managing-deployments?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound) — Learn how to manage your current and previously deployed projects to Vercel through the dashboard. You can redeploy at a
- [System Headers](https://vercel.com/docs/headers?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound) — This reference covers the list of request, response, cache-control, and custom response headers included with deployment
- [Limits and Pricing for Image Optimization](https://vercel.com/docs/image-optimization/limits-and-pricing?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound) — This page outlines information on the limits that are applicable when using Image Optimization, and the costs they can i
- [Managing Usage & Costs](https://vercel.com/docs/image-optimization/managing-image-optimization-costs?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound) — Learn how to measure and manage Image Optimization usage with this guide to avoid any unexpected costs.
- [Getting started with Image Optimization](https://vercel.com/docs/image-optimization/quickstart?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound) — Learn how you can leverage Vercel Image Optimization in your projects.
- [CDN pricing and usage](https://vercel.com/docs/manage-cdn-usage?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound) — Understand CDN pricing resources, monitor usage from your dashboard, and optimize Fast Data Transfer, Fast Origin Transf
- [Manage and optimize usage](https://vercel.com/docs/pricing/manage-and-optimize-usage?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound) — Understand how to manage and optimize your usage on Vercel, learn how to track your usage, set up alerts, and optimize y
- [Vercel Blob](https://vercel.com/docs/vercel-blob?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound) — Vercel Blob is a scalable, cost-effective object storage service with private and public access modes for files up to 5
- [Vercel Blob Pricing](https://vercel.com/docs/vercel-blob/usage-and-pricing?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound) — Learn about the pricing for Vercel Blob.
- [@vercel/blob](https://vercel.com/docs/vercel-blob/using-blob-sdk?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound) — Learn how to use the Vercel Blob SDK to access your blob store from your apps.
- [Build your own web framework](https://vercel.com/blog/build-your-own-web-framework?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=outbound)

## Pages that link here (41)

By site: nextjs (1) · vercel-changelog (2) · vercel-kb (10) · vercel-web (3) · vercel-docs (25)

### From nextjs

- [Image (Legacy)](https://nextjs.org/docs/pages/api-reference/components/image-legacy?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Backwards compatible Image Optimization with the Legacy Image component.

### From vercel-changelog

- [New Observability dashboard for Image Optimization](https://vercel.com/changelog/new-observability-dashboard-for-image-optimization?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound)
- [You can now invalidate the CDN cache by providing a source image](https://vercel.com/changelog/you-can-now-invalidate-the-cdn-cache-by-providing-a-source-image?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound)

### From vercel-kb

- [How do I reduce my build time with Next.js on Vercel?](https://vercel.com/kb/guide/how-do-i-reduce-my-build-time-with-next-js-on-vercel?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Reduce Next.js build times on Vercel by pre-rendering fewer pages at build time, deferring generation with ISR and image
- [How to migrate from Fastly to Vercel with zero downtime](https://vercel.com/kb/guide/how-to-migrate-from-fastly-to-vercel-with-zero-downtime?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Consolidate your CDN infrastructure on Vercel to reduce latency, simplify your configuration, and improve your developer
- [How to Optimize Next.js + Sitecore JSS](https://vercel.com/kb/guide/how-to-optimize-next.js-sitecore-jss?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — This guide covers performance and usage considerations when building and deploying your Next.js and Sitecore JSS applica
- [Migrate a Next.js app from Webflow Cloud to Vercel](https://vercel.com/kb/guide/migrate-a-next-js-app-from-webflow-cloud-to-vercel?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Move your Next.js app from Webflow Cloud to Vercel: remove the OpenNext Cloudflare adapter, drop the base path, map stor
- [Migrate a TanStack Start app from Netlify to Vercel](https://vercel.com/kb/guide/migrate-a-tanstack-start-app-from-netlify-to-vercel?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Move your TanStack Start app off Netlify and onto Vercel Functions, where Fluid compute scales it automatically. Swap to
- [Migrate an Astro app from Webflow Cloud to Vercel](https://vercel.com/kb/guide/migrate-an-astro-app-from-webflow-cloud-to-vercel?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Move your Astro app from Webflow Cloud to Vercel: swap the @astrojs/cloudflare adapter for @astrojs/vercel, drop the bas
- [Migrate to Vercel from Cloudflare](https://vercel.com/kb/guide/migrate-to-vercel-from-cloudflare?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Migrate your website's configuration from Cloudflare Pages or Workers to Vercel
- [Vercel vs Akamai](https://vercel.com/kb/guide/vercel-vs-akamai?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — A detailed guide to Vercel vs Akamai: compute models, AI infrastructure, framework support, media streaming, CDN capabil
- [Vercel vs Netlify](https://vercel.com/kb/guide/vercel-vs-netlify?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — A detailed guide to Vercel vs Netlify: runtimes, compute architecture, AI infrastructure, security, and when to choose e
- [Vercel vs Render](https://vercel.com/kb/guide/vercel-vs-render?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — A detailed guide to Vercel vs Render: compute models, AI infrastructure, Docker and container image support, background

### From vercel-web

- [Life of a Vercel request: Navigating the Edge Network](https://vercel.com/blog/life-of-a-vercel-request-navigating-the-edge-network?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound)
- [The foundations of the Frontend Cloud](https://vercel.com/blog/the-foundations-of-the-frontend-cloud?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound)
- [Vercel Blob is now generally available: Cost-efficient, durable storage](https://vercel.com/blog/vercel-blob-now-generally-available?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound)

### From vercel-docs

- [Build Output Configuration](https://vercel.com/docs/build-output-api/configuration?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Learn about the Build Output Configuration file, which is used to configure the behavior of a Deployment.
- [Caching](https://vercel.com/docs/caching?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Learn how Vercel caches content across multiple layers to deliver fast responses and reduce load on your backend.
- [Vercel CDN Cache](https://vercel.com/docs/caching/cdn-cache?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Learn how Vercel's CDN cache stores your content across a global network to reduce latency and origin load.
- [Purging Vercel CDN Cache](https://vercel.com/docs/caching/cdn-cache/purge?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Learn how to invalidate and delete cached content on Vercel's CDN, including cache keys and manual purging options.
- [Vercel CDN overview](https://vercel.com/docs/cdn?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Vercel's CDN is a globally distributed platform that handles routing, caching, security, and compression for every deplo
- [Frameworks on Vercel](https://vercel.com/docs/frameworks?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Vercel supports a wide range of the most popular frameworks, optimizing how your application builds and runs no matter w
- [Frontends on Vercel](https://vercel.com/docs/frameworks/frontend?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Vercel supports a wide range of the most popular frontend frameworks, optimizing how your application builds and runs no
- [Astro on Vercel](https://vercel.com/docs/frameworks/frontend/astro?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Deploy Astro sites to Vercel and configure server-side rendering, ISR, Web Analytics, Image Optimization, and Routing Mi
- [Full-stack frameworks on Vercel](https://vercel.com/docs/frameworks/full-stack?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Vercel supports a wide range of the most popular backend frameworks, optimizing how your application builds and runs no
- [Next.js on Vercel](https://vercel.com/docs/frameworks/full-stack/nextjs?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Vercel is the native Next.js platform, designed to enhance the Next.js experience.
- [Nuxt on Vercel](https://vercel.com/docs/frameworks/full-stack/nuxt?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Deploy Nuxt applications to Vercel and configure rendering, functions, middleware, routing, image optimization, and cach
- [SvelteKit on Vercel](https://vercel.com/docs/frameworks/full-stack/sveltekit?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Deploy SvelteKit applications to Vercel and configure the adapter, rendering, streaming, ISR, analytics, and Routing Mid
- [Supported Frameworks on Vercel](https://vercel.com/docs/frameworks/more-frameworks?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Learn about the frameworks that can be deployed to Vercel.
- [Vercel CDN Compression](https://vercel.com/docs/how-vercel-cdn-works/compression?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Vercel helps reduce data transfer and improve performance by supporting both Gzip and Brotli compression
- [Limits and Pricing for Image Optimization](https://vercel.com/docs/image-optimization/limits-and-pricing?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — This page outlines information on the limits that are applicable when using Image Optimization, and the costs they can i
- [Incremental Static Regeneration \\(ISR\\)](https://vercel.com/docs/incremental-static-regeneration?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — ISR serves cached static pages while regenerating content in the background. Vercel\\\\
- [Request Collapsing](https://vercel.com/docs/incremental-static-regeneration/request-collapsing?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Learn how Vercel's CDN shields your origin during traffic surges for uncached routes.
- [CDN pricing and usage](https://vercel.com/docs/manage-cdn-usage?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Understand CDN pricing resources, monitor usage from your dashboard, and optimize Fast Data Transfer, Fast Origin Transf
- [Observability Insights](https://vercel.com/docs/observability/insights?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — List of available data sources that you can view and monitor with Observability on Vercel.
- [Account Plans on Vercel](https://vercel.com/docs/plans?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Learn about the different plans available on Vercel.
- [Production checklist for launch](https://vercel.com/docs/production-checklist?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Ensure your application is ready for launch with this comprehensive production checklist by the Vercel engineering team.
- [Static Configuration with vercel.json](https://vercel.com/docs/project-configuration/vercel-json?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Learn how to use vercel.json to configure and override the default behavior of Vercel from within your project.
- [Programmatic Configuration with vercel.ts](https://vercel.com/docs/project-configuration/vercel-ts?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Define your Vercel configuration in vercel.ts with @vercel/config for type-safe routing and build settings.
- [Projects overview](https://vercel.com/docs/projects?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — A project is where you deploy and operate frontend apps, APIs, backends, containers, and agent workloads on Vercel.
- [@vercel/blob](https://vercel.com/docs/vercel-blob/using-blob-sdk?from=graph&source_path=%2Fdocs%2Fimage-optimization&source_site=vercel-docs&relationship=inbound) — Learn how to use the Vercel Blob SDK to access your blob store from your apps.