学习使用文件 → 另存为Web专用格式 (Save for Web),掌握JPG/GIF/PNG-8/PNG-24等格式的压缩优化和尺寸控制技巧。
| 格式 | 颜色数 | 特点 |
|---|
| GIF | 最多256色 | 支持动画、透明,细节损失多 |
| JPG | 全彩 | 品质10-100,有损压缩 |
| PNG-8 | 最多256色 | 优化比GIF更好 |
| PNG-24 | 全彩 | 无损,文件较大 |
- 低 (Low): 品质10 — 严重损失
- 中 (Medium): 品质30 — 可见损失
- 高 (High): 品质60 — 少量损失
- 非常高 (Very High): 品质80+
- 最佳 (Maximum): 品质100
- 更多选项 → 优化文件大小 → 设定目标KB数 → 系统自动计算品质
- 文件 → 另存为Web专用格式
- 视图切换为"双联"对比前后
- 选择格式(JPG/GIF/PNG)
- 调整品质 → 观察细节损失
- 调整图像百分比缩小尺寸
- 更多选项 → 优化文件大小 → 设定目标大小(如300KB)
- 查看预估加载时间(可选不同带宽)
- 存储
| 快捷键 | 功能 |
|---|
| Ctrl+Shift+Alt+S | 另存为Web专用格式 |
- JPG品质60(高)是细节和文件大小的最佳平衡点
- GIF适合颜色少的图形/动画,照片不用GIF
- PNG-24文件大但无损,适合需要透明+高质量的图像
- 缩放百分比可大幅减小文件大小
- 预览加载时间帮您评估用户等待时间