图片格式怎么选：JPG、PNG、WebP、AVIF 的区别与转换场景

一句话记住四种格式

• JPG：有损压缩，体积小，适合照片。不支持透明，反复编辑会越存越糊。
• PNG：无损压缩，支持透明，适合截图、图标、带文字的图。体积大。
• WebP：谷歌推出，同画质下比 JPG 小 25%–35%，支持透明和动图。网页首选。
• AVIF：新一代格式，压缩率比 WebP 更高，但编码慢、老设备兼容性一般。

按场景选，不用纠结

照片、风景、人像

用 JPG，质量设 80–85 就够了。质量 100 的 JPG 体积能翻三倍，肉眼几乎看不出差别。需要反复修图的照片先存 PNG 或 TIFF 作为工作文件，最后导出 JPG。

截图、图标、带文字的图

用 PNG。JPG 压缩会在文字边缘产生彩色噪点，截图里的细线和小字尤其明显。需要透明背景时也只能用 PNG 或 WebP。

网页、公众号配图

用 WebP。同样清晰度下体积最小，加载快。注意个别老系统不认 WebP，如果要发给别人看，转成 JPG 更稳。

追求极致体积

用 AVIF。适合自建站做图片优化，但导出慢，部分安卓机和老版软件打不开。不确定对方环境时别用。

压缩：先缩尺寸，再降质量

很多人只调质量参数，忽略了尺寸。实际效果上，把 4000px 的图缩到 1600px，比把质量从 90 降到 70 有用得多。处理顺序建议：

1. 先裁剪掉不需要的部分。
2. 把长边缩到实际需要的尺寸（网页配图 1200–1600px 足够）。
3. 再调整质量参数，边看边降，直到出现可见瑕疵为止。
4. 需要批量处理时，用支持批量转换的工具一次性跑完，别一张张手动改。

转换时最容易踩的四个坑

• PNG 转 JPG 后透明变黑或变白。JPG 不支持透明，转换前先把透明区域填成需要的底色，否则会得到一块黑。
• 反复保存 JPG。每保存一次就重新压缩一次，十次之后边缘全是马赛克。要反复编辑请用 PNG。
• 用聊天软件传图。微信、QQ 发原图选项没开时会被压缩，传设计稿务必勾选"原图"或改用网盘。
• 动图当静态图处理。GIF 转 JPG 只会保留第一帧，动图想减小体积应该转成视频格式。

一个实用判断标准

如果要发给别人、传到平台，JPG 质量 85 + 长边 1600px 是最不容易出错的组合；如果是自己网站用图，转 WebP 能明显提升加载速度；如果是需要保留细节的素材，原图存 PNG 别动。