为什么有这么多图片格式
不同格式是为不同场景设计的：照片要压缩、图标要透明、动画要动、印刷要高质量……一种格式做不到全能。了解每种格式的特点，转换时才知道目标该选哪个。
主流图片格式对比
JPEG
- 特点：有损压缩、不支持透明、不支持动画
- 优势：照片压缩效果好、体积小、全平台兼容
- 劣势：有损、文字边缘有伪影、不支持透明
- 适合：照片、色彩丰富的图、网页大图
PNG
- 特点：无损压缩、支持透明、不支持动画
- 优势：无损、透明背景、文字边缘清晰
- 劣势：体积大（尤其照片）
- 适合：图标、截图、含文字的图、需要透明的图
WebP
- 特点：有损/无损都支持、支持透明、支持动画
- 优势：体积最小、功能全面
- 劣势：老环境不支持
- 适合：现代网站图片、替代 JPEG/PNG
GIF
- 特点：无损压缩（256 色）、支持透明（1 位）、支持动画
- 优势：动画、全平台兼容
- 劣势：只有 256 色、体积偏大
- 适合：简单动画（但建议转 WebP）
BMP
- 特点：无压缩、无透明
- 优势：质量无损、格式简单
- 劣势：体积巨大
- 适合：几乎不用，只在特殊场景（Windows 系统图）
SVG
- 特点：矢量、可缩放、可编辑
- 优势：无限缩放不失真、体积小（简单图）、可代码编辑
- 劣势：不适合照片
- 适合：图标、logo、插画、图表
格式转换关系
JPEG ↔ PNG
- JPEG 转 PNG：能转，但 JPEG 已经有损，转 PNG 不会恢复质量，只是体积变大
- PNG 转 JPEG：照片类体积大减，但丢透明、文字可能有伪影
任意 → WebP
- 都能转 WebP，体积通常更小
- 照片转有损 WebP、图标转无损 WebP
- 透明 PNG 转 WebP 保留透明
位图 → SVG
- 位图转 SVG 是描摹，只适合简单图形
- 照片转 SVG 失真且体积爆炸，别转
GIF → WebP
- 动画 GIF 转动态 WebP，体积小画质好
- 现代浏览器替代 GIF 动画的最佳选择
不同场景的格式选择
| 场景 | 推荐格式 | 原因 |
|---|---|---|
| 网页照片 | WebP / JPEG | 体积小 |
| 网页图标 | SVG / WebP | 矢量或小体积 |
| 透明图 | WebP / PNG | 支持透明 |
| 含文字截图 | PNG | 文字清晰 |
| 动画 | WebP / GIF | 支持动画 |
| 打印 | PNG / TIFF | 无损高质量 |
| logo 多尺寸 | SVG | 无限缩放 |
转换的工具
用 图片格式转换工具：
- 上传图片
- 选目标格式
- 设置参数（JPEG 质量、PNG 透明、背景色）
- 转换下载
支持批量转换，浏览器端处理，图片不上传。
转换的常见坑
有损转有损累积损失
JPEG 转 JPEG 每次都损失质量。从原始无损图（PNG/原图）直接转目标格式，别多次有损转换。
透明信息丢失
PNG 转 JPEG 透明变白底（或黑底）。要保留透明别转 JPEG，转 WebP 或保留 PNG。
质量设错
JPEG 质量太低文字糊、太高体积大。一般 80 平衡，文字图 85+。
批量转换参数一刀切
不同图片适合不同参数。照片和截图用同一质量参数，效果差异大。分组转换更合理。
小结
格式转换的核心是"按用途选目标格式"：照片转 WebP/JPEG、图标转 SVG/WebP、透明图转 WebP/PNG、动画转动态 WebP。避免有损转有损累积损失，透明转 JPEG 注意填底色。DocsAll 格式转换工具浏览器端批量处理，图片不上传更安全。