用途：该技能用于实现响应式图片交付、格式优化和面向无头 CMS 的图像处理管线，适用于需要现代格式转换、焦点裁剪和加载性能优化的前端与后端项目。
主要能力：提供响应式图片模式，包括基于宽度描述符和像素密度的 srcset，以及用 picture 元素做艺术方向裁剪。给出图像处理服务示例，支持调整尺寸、模糊、灰度以及编码为 WebP、AVIF、JPEG、PNG；还提供预设（thumbnail、card、hero、og-image、blur-placeholder）。焦点裁剪部分通过焦点坐标计算裁剪锚点，并以 API 方式存储焦点。实时转换通过 URL 查询参数实现，如 ?w=800&h=600&fit=crop、?format=webp&q=80 或 ?preset=thumbnail；同时展示 srcset 生成服务与 LQIP 占位策略（模糊哈希、微型 JPEG、主色、SVG 描边）。性能部分涉及原生懒加载、异步解码和按 Accept 头选择格式。
使用方式：资料仅给出代码层面的实现示例，未提供安装命令或 CLI 用法。若接入项目，需按示例实现处理服务、转换端点和响应式数据生成。
适用场景：无头 CMS 媒体库、图片 CDN 转换、前端响应式图片组件、占位图与懒加载优化。
限制：公开资料未说明具体平台、依赖版本、部署要求、收费与效果数据，暂未提供；实际使用需自行确认运行环境是否支持相应编码器与格式。相关技能包括媒体资产管理、CDN 媒体交付和无头 API 设计。