图片格式选错的代价是实实在在的:同一张照片,PNG 存 8MB、JPG 存 800KB、AVIF 存 400KB,而肉眼几乎看不出差别。反过来,把界面截图存成 JPG,文字边缘会出现一层脏兮兮的彩色噪点。
这篇按「你手上是什么内容、要给谁看」来给判断依据。
一、五种格式的核心差异
JPG(JPEG):有损压缩,无透明通道。为照片设计——连续色调、渐变过渡处理得极好。兼容性是所有格式里最好的,没有任何设备或系统不认。缺点是不适合文字线条,且每次保存都会累积损失。
PNG:无损压缩,支持透明。为图形设计——大片纯色、清晰边界、图标、截图、线稿。缺点是压照片几乎无效,因为无损算法在照片里找不到可复用的规律。
WebP:谷歌推的格式,同画质下体积约为 JPG 的 70%,同时支持有损、无损和透明,还能存动图。所有现代浏览器都支持,但很多桌面软件、办公软件、后台上传系统不认。
AVIF:基于 AV1 视频编码的图片格式,压缩率目前最强——同画质约为 JPG 的 50%。代价是编解码更慢,且支持面比 WebP 窄一些。
HEIC(HEIF):苹果设备默认拍照格式,压缩率接近 AVIF。问题是在 Windows 和大量第三方软件里默认打不开,这是它最主要的实际麻烦。
二、按内容选:三条判断规则
照片、有渐变、有噪点 → JPG(要兼容)或 WebP/AVIF(自己网站用)。绝对不要用 PNG。
截图、图标、线稿、纯色块、需要透明背景 → PNG。绝对不要用 JPG。
不确定? 看看图里有没有文字。有文字就 PNG,没文字就 JPG。这个粗糙规则在九成场景下是对的。
三、按用途选:兼容性是硬约束
- 上传到第三方系统(政务、报销、招聘、各类后台)→ 只用 JPG 或 PNG。这类系统的上传校验往往只认这两种,传 WebP 直接报错。
- 发给别人(微信、邮件)→ JPG/PNG。对方用什么设备你不知道。
- 放在自己的网站上 → WebP 优先,收益直接可见(图片体积砍掉三成,首屏快一截)。
- 需要打印 → 尽量用无损来源,避免多次 JPG 转存。
四、HEIC 的具体麻烦
iPhone 默认拍 HEIC,好处是同画质体积只有 JPG 的一半左右。麻烦在于把照片直接拷到 Windows 电脑上,很多软件会提示格式不支持。
两种解法:
一次性的:转成 JPG。注意 HEIC 里可能存了 Live Photo 的动态部分和多张连拍,转换时通常只会取主图。
长期的:iPhone 里「设置 → 相机 → 格式」改成「兼容性最佳」,之后拍的就是 JPG。代价是体积翻倍。
另外提醒一点:在非 Safari 浏览器里做 HEIC 解码,需要额外加载一个约 1MB 的解码器(Safari 自带系统级支持)。所以第一次转换会多等几秒,这是浏览器能力差异导致的,不是工具卡住了。
五、转换时不可逆的部分
有损 → 有损 会累积损失。 JPG 转 WebP 再转回 JPG,画质是两次损失叠加。要多次编辑就保留一份无损原图。
PNG → JPG 会丢透明。 透明区域会被填成白色或黑色(取决于实现)。带透明的图不要转 JPG。
转格式不会提升画质。 把一张模糊的 JPG 转成 PNG,只是让文件变大,模糊照旧。信息一旦丢了就回不来。
EXIF 可能被清掉。 重新编码通常会丢掉拍摄时间、机型、GPS。如果你正好想去掉这些,不要依赖转换的副作用——用专门的 EXIF 清除工具明确处理,才能确定是否真的清干净了。
常见问题
为什么我转成 WebP 后微信发不出去? 微信文件传输认,但作为「图片」发送时对格式有限制。发给别人统一用 JPG 最稳。
AVIF 和 WebP 该选哪个? 自己网站上用、且能做格式回退,选 AVIF;只想省事,选 WebP,支持面更广。
批量转换会不会很慢? 本站的转换基于浏览器 Canvas 和原生解码能力,速度取决于本机 CPU 和图片尺寸,几十张常见尺寸的图通常几秒钟。图片不会上传服务器。
转换后尺寸(像素)会变吗? 不会,格式转换只改编码方式。要改尺寸得用尺寸调整工具。