介绍
## Scope
本技能仅作为 **参考指南**。它提供： - 格式选择指南 - 压缩设置 - 平台尺寸规格 - 供手动使用的命令示例
本技能 **不**： - 自动执行命令 - 未经用户请求访问或修改文件 - 需要 API 凭证（CDN 服务为可选项） - 存储或跟踪任何数据
---
## 快速参考
| 任务 | 加载 | |------|------| | Web 优化、格式、响应式 | `web.md` | | 色彩配置文件、元数据、RAW、打印 | `photography.md` | | 各平台社交媒体尺寸 | `social.md` | | 电子商务/市场标准 | `ecommerce.md` | | ImageMagick/PIL 命令 | `commands.md` |
---
## 格式选择
| 内容 | 格式 | 原因 | |---------|--------|--------| | 照片 | WebP（JPEG 回退） | 小 25-35% | | 图标、徽标 | SVG | 可缩放，体积小 | | 带文字的截图 | PNG | 边缘锐利 | | 透明度 + 照片 | WebP 或 PNG-24 | 支持 Alpha 通道 | | 动画 | WebP 或 MP4 | 非 GIF（大 5-10 倍） |
---
## 文件大小预算
- **首屏图片：** 最大 200KB（理想情况 <150KB） - **内容图片：** 最大 100KB - **缩略图：** 最大 30KB - **图标（位图）：** 最大 5KB - **页面总加载：** 图片总计最大 1.5MB
---
## 质量级别
| 格式 | 首屏 | 常规 | 缩略图 | |--------|------|---------|------------| | JPEG | 80-85% | 70-75% | 60-65% | | WebP | 80-82% | 72-78% | 60-70% |
---
## Retina/HiDPI
- 标准 Retina **必须 2x** - iPhone Plus/Max **仅 3x** - 显示 400px 需要 **800px 源图**
---
## 处理前检查清单
- [ ] 确定目标格式（Web 与打印） - [ ] 色彩配置文件适当（Web 使用 sRGB） - [ ] 定义了尺寸/宽高比 - [ ] 设置了压缩质量 - [ ] 确定了元数据处理方式