skills.rest
ChristineTham
ChristineThamCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

netlify-image-cdn

Configure Netlify Image CDN endpoints for optimized image transformations.

Updated May 31, 2026
Search Tags:#caching#netlify#image-optimization#image-transformation#remote-images#image-cdn#clean-urls
One-click install
npx skills add https://github.com/ChristineTham/lp --skill netlify-image-cdn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: netlify-image-cdn
Source: https://github.com/ChristineTham/lp/tree/main/.agents/skills/netlify-image-cdn
Command: npx skills add https://github.com/ChristineTham/lp --skill netlify-image-cdn

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This guide explains how to use Netlify Image CDN to optimize and transform images on-demand, enabling fast, responsive delivery across sites.

Core Features & Use Cases

  • On-the-fly image transformations via /.netlify/images
  • Flexible controls for width, height, format, and quality
  • Simple integration with Netlify Functions, Blobs, and clean URL redirects to power image pipelines

Quick Start

Use Netlify Image CDN to transform an image source like /photo.jpg to a responsive image by calling /.netlify/images with w, h, fit, and fm parameters.

Frequently Asked Questions about netlify-image-cdn

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I use Netlify Image CDN to optimize images on-demand?▼

Use Netlify Image CDN to optimize images on-demand by calling the /.netlify/images endpoint with query parameters like w, h, fit, and fm. This serves transformed, responsive images directly from your site.

Can I transform remote images with Netlify Image CDN?▼

Yes, Netlify Image CDN supports transforming remote images by applying remote image allowlisting. You must allowlist external image sources to enable on-the-fly transformations and caching.

How do I integrate image transformations with Netlify Functions and Blobs?▼

Integrate image transformations with Netlify Functions and Blobs by building image pipelines that enforce endpoint usage and query parameter handling, enabling dynamic image processing and storage.

What's the best way to serve clean URLs for optimized images on Netlify?▼

Serve clean URLs for optimized images by using clean URL rewrites. This hides the /.netlify/images endpoint path, creating user-friendly URLs while maintaining query parameter handling and caching strategies.

Does Netlify Image CDN support caching for transformed images?▼

Yes, Netlify Image CDN enforces caching strategies for transformed images. This ensures optimized images are cached effectively, reducing redundant processing and improving delivery speed.

What image transformation controls are available via Netlify Image CDN?▼

Netlify Image CDN provides flexible controls for width, height, format, and quality via query parameters. These controls allow on-the-fly adjustments for responsive image delivery across sites.

Related Skills

Explore More Software Engineering Skills→
netlifynetlify
32

netlify-image-cdn

Transform images on demand via the Netlify Image CDN endpoint.

Official
Intermediate
bobmatnycbobmatnyc
68

vercel-networking-domains

Manage Vercel domains, DNS, routing rules, and edge caching.

Community
Intermediate
jherrjherr

netlify-blobs

Manage unstructured data with Netlify Blobs key-value storage.

Community
Intermediate
skills-ilskills-il
9

cloudinary-assets

Manages digital media assets via Cloudinary's REST API, including upload, transform, optimize, and delivery of images/videos.

Official
Intermediate