全场景图像交付工作流指南

纯文档型图像处理技能，提供从Web优化到印刷输出的全链路格式选择、压缩策略与平台交付最佳实践，零代码安全风险。

基本信息

• 技能名称?Image
• 中文名称?全场景图像交付工作流指南
• 作者?ivangdavila
• 分类?专业技能
• 版本?1.0.4
• 标签?image-processing, web-optimization, format-conversion, compression, responsive-images, accessibility, ecommerce, social-media, color-management, metadata

使用方法

使用说明
核心用法
Image Skill 是一套完整的图像处理工作流指导系统，覆盖创建、检查、处理和优化全流程。其核心架构采用"目的地驱动"策略：根据最终交付场景（Web、社交媒体、电商、印刷、品牌物料等）动态加载对应专项文档，而非套用通用方案。
显著优点
场景化智能路由 ：通过 web.md 、 social.md 、 ecommerce.md 等8个专项文件实现精准交付，避免一刀切的格式错误
现代格式优先策略 ：主动推荐 AVIF/WebP 用于照片、SVG 用于矢量图形、PNG/无损WebP 用于UI截图，兼顾前瞻性与兼容性
全链路质量保障 ：从色彩空间（sRGB 默认）、透明度保护、元数据管理到重复压缩防范，形成闭环防护
性能预算思维 ：提供具体数值基准（首图
无障碍与合规内置 ：集成 accessibility.md 处理 alt 文本、图文分离、对比度等常被忽视的可访问性需求
潜在局限
纯指导性质 ：无内置可执行代码，用户需自行调用 ImageMagick/Pillow 等外部工具实现具体操作
平台动态性挑战 ：社交媒体和电商平台的规格规则频繁变更，静态文档存在滞后风险
专业门槛 ：ICC 色彩管理、Retina 多倍图策略、CLS/LCP 等概念需要用户具备一定前端或设计背景
依赖外部验证 ：最终交付效果仍需在实际平台环境中测试确认，文档无法完全预判第三方管道的重压缩行为
适合人群
前端开发者与 Web 性能工程师
电商运营与产品摄影师
UI/UX 设计师及品牌视觉负责人
内容创作者与社交媒体运营
需要批量处理图像资产的 DevOps/CI 流水线维护者
常规风险
| 风险类型 | 说明 | 缓解建议 | |---------|------|---------| | 工具链安全风险 | 文档提及的 ImageMagick/Pillow 等工具不在认证范围内 | 单独审计外部工具来源 | | 敏感数据泄露 | 截图处理场景可能涉及隐私信息暴露 | 遵循 screenshots.md 的红脱敏流程 | | 平台规则漂移 | 社交/电商平台的尺寸规格可能已更新 | 导出后在目标平台实测验证 | | 色彩还原失败 | 忽略 ICC 配置导致跨设备色差 | 强制 sRGB 交付并嵌入配置文件 |