LaunchKit · 2026

Setup & Installation

npx skills add https://github.com/netlify/context-and-tools --skill netlify-image-cdn
or paste the link and ask your coding assistant to install it
https://github.com/netlify/context-and-tools/tree/main/skills/netlify-image-cdn
View on GitHub

What This Skill Does

Netlify Image CDN is a built-in image transformation endpoint available on every Netlify site. It resizes, crops, converts formats, and adjusts quality on the fly via the `/.netlify/images` URL. No third-party service or configuration is needed for images already in your project.

Because the transformation and CDN caching are built into Netlify's infrastructure, you skip setting up and paying for a separate image service like Cloudinary or Imgix.

When to use it

  • Serving WebP or AVIF images to browsers that support them without maintaining separate files
  • Generating thumbnail and hero image presets from a single source upload
  • Building a user-uploaded image pipeline with Netlify Functions, Blobs, and CDN together
  • Allowlisting external CDN domains to transform and cache remote images
  • Setting up clean `/img/thumb/:key` URL patterns that map to optimized image transforms