跳转到主要内容

Netlify Image CDN

技能 已验证 活跃

使用 Netlify Image CDN 进行图像优化和转换的指南。适用于提供优化后的图像、创建响应式图像标记、设置用户上传图像管道或配置图像转换。涵盖 /.netlify/images 端点、查询参数、远程图像允许列表、清理 URL 重写,以及将上传与 Functions + Blobs 结合使用。

目的

指导开发人员有效利用 Netlify Image CDN 进行高效的图像优化和转换,从而提高性能和用户体验。

功能

  • 即时图像优化和转换
  • 支持各种查询参数(宽度、高度、拟合、质量、格式)
  • 通过 netlify.toml 进行远程图像允许列表
  • 清理 URL 重写以实现用户友好的图像 URL
  • 与 Netlify Functions 和 Blobs 集成以实现用户上传的图像

使用场景

  • 为 Web 应用程序提供优化后的图像
  • 创建响应式图像标记
  • 设置用户上传图像的管道
  • 配置特定的图像转换预设

非目标

  • 提供图像编辑的图形用户界面
  • 替换本地图像优化工具
  • 在没有 Netlify 基础设施的情况下处理图像存储和提供

安装

请先添加 Marketplace

/plugin marketplace add netlify/context-and-tools
/plugin install context-and-tools@netlify-context-and-tools

质量评分

已验证
98 /100
1 day ago 分析

信任信号

最近提交6 days ago
星标17
许可证MIT
状态
查看源代码

类似扩展

Netlify Caching

95

Netlify CDN 缓存控制指南。在配置缓存标头、设置 stale-while-revalidate、实现按需清除缓存或理解 Netlify 的 CDN 缓存行为时使用。涵盖 Cache-Control、Netlify-CDN-Cache-Control、缓存标签、持久缓存和特定于框架的缓存模式。

技能
netlify

Teach Guidance

100

Guide 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.

技能
pjt222

Prepare Inspection Readiness

100

Prepare 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.

技能
pjt222

External Context

100

Invoke parallel document-specialist agents for external web searches and documentation lookup

技能
Yeachan-Heo

Deepinit

100

Deep codebase initialization with hierarchical AGENTS.md documentation

技能
Yeachan-Heo

Readme I18n

100

当用户想要翻译存储库 README、使存储库支持多语言、本地化文档、添加语言切换器、国际化 README 或更新 GitHub 风格存储库中的本地化 README 变体时使用。

技能
xixu-me