Netlify Image CDN
Skill Verified ActiveGuide for using Netlify Image CDN for image optimization and transformation. Use when serving optimized images, creating responsive image markup, setting up user-uploaded image pipelines, or configuring image transformations. Covers the /.netlify/images endpoint, query parameters, remote image allowlisting, clean URL rewrites, and composing uploads with Functions + Blobs.
To guide developers on effectively using Netlify Image CDN for efficient image optimization and transformation, enabling better performance and user experience.
Features
- On-the-fly image optimization and transformation
- Support for various query parameters (width, height, fit, quality, format)
- Remote image allowlisting via netlify.toml
- Clean URL rewrites for user-friendly image URLs
- Integration with Netlify Functions and Blobs for user-uploaded images
Use Cases
- Serving optimized images for web applications
- Creating responsive image markup
- Setting up pipelines for user-uploaded images
- Configuring specific image transformation presets
Non-Goals
- Providing a GUI for image editing
- Replacing local image optimization tools
- Handling image storage and serving without Netlify infrastructure
Installation
First, add the marketplace
/plugin marketplace add netlify/context-and-tools/plugin install context-and-tools@netlify-context-and-toolsQuality Score
VerifiedSimilar Extensions
Netlify Caching
95Guide for controlling caching on Netlify's CDN. Use when configuring cache headers, setting up stale-while-revalidate, implementing on-demand cache purge, or understanding Netlify's CDN caching behavior. Covers Cache-Control, Netlify-CDN-Cache-Control, cache tags, durable cache, and framework-specific caching patterns.
Teach Guidance
100Guide a person in becoming a better teacher and explainer. AI coaches content structuring, audience calibration, explanation clarity, Socratic questioning technique, feedback interpretation, and reflective practice for technical presentations, documentation, and mentoring. Use when a person needs to present technical content and wants preparation coaching, wants to write better documentation or tutorials, struggles to explain concepts across expertise levels, is mentoring a colleague, or is preparing for a talk or knowledge-sharing session.
Prepare Inspection Readiness
100Prepare an organisation for regulatory inspection by assessing readiness against agency-specific focus areas (FDA, EMA, MHRA). Covers warning letter and 483 theme analysis, mock inspection protocols, document bundle preparation, inspection logistics, and response template creation. Use when a regulatory inspection has been announced or is anticipated, when a periodic self-assessment is due, when new systems have been implemented since the last inspection, or after a significant audit finding that may attract regulatory attention.
External Context
100Invoke parallel document-specialist agents for external web searches and documentation lookup
Deepinit
100Deep codebase initialization with hierarchical AGENTS.md documentation
Readme I18n
100Use when the user wants to translate a repository README, make a repo multilingual, localize docs, add a language switcher, internationalize the README, or update localized README variants in a GitHub-style repository.