JPEG、PNG、WebP：到底该用哪种格式？
一张决策表覆盖几乎全部场景，以及为什么正确答案取决于图片要去哪里，而不是"哪个质量最好"。
几乎每个图片问题最后都归结到这三个候选。选择的关键不是"哪种格式最好"，而是你手上是什么图、它要去哪里。
一句话版本
| 你的图 | 用 | 原因 | |---|---|---| | 照片 | JPEG | 体积小、到处都支持、擅长连续色调 | | 截图、图表、地图、Logo | PNG | 边缘无损；JPEG 会把文字和线条变成模糊光晕 | | 带透明通道 | PNG（或 WebP） | JPEG 压根没有 alpha 通道 | | 在自己网站上展示 | WebP | 同视觉质量下比 JPEG 小 25%–35% | | 要发邮件、上传、打印 | JPEG | 到处都收；WebP 还不是 |
为什么照片用 JPEG
照片到处是平滑渐变。JPEG 丢掉这类内容里人眼几乎察觉不到的高频细节，体积大幅缩小——通常比 PNG 小 5 到 10 倍。
为什么其它都用 PNG
PNG 无损，硬边缘能精确还原。截图、Logo、图表、界面截屏由大片平色加硬边缘构成——正是 JPEG 处理得最差的内容。它会在任何质量设置下把边缘抹成振铃噪点，而且存不了透明。
WebP 的位置
对网页投放来说，WebP 技术上比两者都好：同质量比 JPEG 小，又像 PNG 一样支持透明。问题在浏览器之外——老版本编辑器打不开，很多上传表单不收，印刷服务常常不接受。
所以：自己投放的图用 WebP，交给别人的图用 JPEG。需要转换的话，那是一条单向路，会付一点画质成本。
关于体积，诚实地说
"WebP 小 30%"在同等视觉质量下是真的，也值得要。但它不是全部：
- 在平色图形上 WebP 优势更大——那正是 JPEG 最浪费比特的地方
- 对已经被压过的文件，格式互换找不回任何东西，重新编码总要付一点代价
- 想压到很小的体积时，改尺寸比换格式重要得多。一张 4000 像素宽的照片硬压到 50KB，既是个糟糕的 JPEG，又浪费了大部分像素
一套能避开常见错误的流程
1. 你在意的东西都留一份高质量母版——原始导出，或一份无损副本 2. 从母版出发按目的地生产：自己网站用 WebP，其余用 q85 左右的 JPEG，需要透明就 PNG 3. 在有细节的地方按 100% 检查结果——文字、边缘、彩色细节，别看天空 4. 不要把交付格式当母版。 JPEG 和 WebP 是输出，不是存档
转换前值得知道的两件事
透明通道撑不过 JPEG 转换。 原本透明的像素必须变成某种实色。Logo 就是在这里被毁的：工具如果选了黑色，一个为浅色页面设计的 Logo 就完了。我们的 PNG 转 JPG 会合成到白底，并提前提醒你。
元数据不属于画面。 EXIF——机型、时间戳，往往还有 GPS 坐标——是随文件一起走的。如果照片要去公开场合，剥掉它零成本：可以在不重新编码的前提下移除，每个像素都不动。