"图片为什么 20MB？""转成 PNG 是不是更清晰？""微信传图老是被压缩怎么办？"这些问题的根源都一样：格式选错了。这篇用最短的篇幅把格式选择题一次做完。
三种主流格式的能力表
- JPG：有损压缩，体积小，不支持透明，1600 万色全彩。为照片而生。
- PNG：无损压缩，支持透明，色彩还原精准。为图形、截图、logo 而生。
- WebP：有损/无损双模式，支持透明，同画质比 JPG 小 25-35%。为网页而生。
选格式的核心就一句：照片选 JPG/WebP，图形和截图选 PNG，网页图片优先 WebP。
最常见的三个错误
错误一：把照片存成 PNG
手机照片存 PNG，体积暴涨 5-10 倍且画质毫无提升——PNG 的无损压缩对付照片里连续渐变的色块效率极低。已经存错的用 图片格式转换 转 JPG 或 WebP，一分钟解决。
错误二：指望 JPG 转 PNG 恢复画质
有损压缩丢掉的信息永远回不来。JPG 转 PNG 只是无损地保存这些"已经坏掉的像素"，文件变大、画质不变。反向转换（PNG→JPG）才会因为再次有损压缩而微降画质。
错误三：忘了透明通道
PNG 转 JPG 时透明背景会被填成白色（或黑色，看工具实现），logo 叠在深色背景上就露馅了。需要保留透明的转 WebP；一定要 JPG，就先在图片编辑器里铺好目标底色再转。
压缩的正确姿势
选对格式后，第二步是压质量参数。JPEG 质量 70-80 是肉眼几乎无损的甜蜜区，体积通常只有原图的 1/5 到 1/10；证件照、文字截图建议 85 以上，避免文字边缘出现振铃纹。用 图片压缩 从 80 开始试，放大到 100% 检查文字边缘，不够再加，别一次拉到 95 白费体积。
什么场景用什么，速查
- 微信/邮件发照片：压到 500KB 内的 JPG，清晰度足够且不触发平台的二次压缩；
- 网站/博客配图：WebP，压缩到 200KB 内，页面速度肉眼可见地变快；
- 需要透明底 logo：PNG（或 WebP），别用 JPG；
- 证件、合同照片存档：JPG 质量 90，清晰优先，别压缩过头；
- 需要嵌入 HTML/CSS 的小图标：转 Base64 内嵌（用 Base64 编解码），省一次网络请求，注意体积膨胀 4/3，只适合小图。
结论
格式选择题的答案 90% 的情况只有两个：照片用 JPG/WebP，图形用 PNG。选对后再压缩到合适质量，图片体积能降一个数量级——用 图片压缩 和 图片格式转换，全部在浏览器本地完成，照片不出你的电脑。