PNG、JPG 还是 WebP——到底该用哪个?各格式互转指南

大多数教程上来就是步骤:上传文件、点转换、下载。这部分三十秒搞定,没什么难的。真正重要的是在转之前选对格式——选错了,文件可能臃肿、透明通道消失,或者每次重新保存都在悄悄掉质量。
先确定用哪种格式
下面这张表说清楚三种格式的核心差异,不废话:
| 格式 | 最适合的场景 | 支持透明 | 文件大小参考 | 浏览器兼容 |
|---|---|---|---|---|
| PNG | Logo、截图、图标、边缘锐利或含文字的图片 | 是(alpha 通道) | 较大——1200px 的 Logo 轻松跑到 200–400 KB | 全平台通用 |
| JPG | 照片、渐变图、对文件体积要求高于像素精度的场景 | 否 | 较小——同一张图质量 80 下可能只有 40–80 KB | 全平台通用 |
| WebP | 网页图片,追求最小体积且不明显损失质量 | 是 | 最小——同等质量下通常比 JPG 小 25–35% | 所有主流现代浏览器均支持;IE 已死,基本不是问题 |
实用原则:图片有透明背景、或需要像素级清晰(UI 素材、Logo)就用 PNG;照片发到不支持 WebP 的地方就用 JPG;只要是放网站上的图,能用 WebP 就用 WebP——省下来的体积是实实在在的,现代浏览器完全没问题。
有一个坑很多人踩过:截图从 PNG 转成 JPG 想省空间。截图里大片纯色、文字边缘锐利,恰好是 JPG 压缩最力不从心的类型。转完往往文字边缘糊了,文件还没小多少。
在 Filuni 上怎么转
Filuni 的图片格式转换工具支持 PNG、JPG、WebP 任意方向互转,也支持批量处理一整批图片。不用注册账号,没有水印,转换在服务端完成后自动删除文件。
- 打开工具,把图片拖进去(一次最多 10 张)。
- 从下拉菜单选目标格式:JPG、PNG 或 WebP。
- 如果输出 JPG,可以设质量参数(80 是个不错的默认值,缩略图才需要往下调)。
- 点转换,下载,完事。
单张图片一分钟内搞定。二十张产品图批量处理,大概两三分钟。
这三个坑别踩
1. PNG 转 JPG 会丢掉透明背景
JPG 没有 alpha 通道。把带透明背景的 PNG——Logo、抠图、图标——转成 JPG,透明部分会被填成纯白或纯黑。放在白底页面上可能看不出来,但换个深色背景一贴,就是一个突兀的白色矩形框。遇到这种图,要么保持 PNG,要么换成 WebP(WebP 支持透明)。
2. JPG 反复存会越来越糊
JPG 是有损压缩。每次打开、编辑、再存成 JPG,都会再损失一点质量,而且是叠加的。如果一张图要改好几遍,先存 PNG 或 WebP 作为主文件,最后才导出 JPG。别把 JPG 当成反复编辑的源文件。
3. WebP 浏览器没问题,但邮件客户端要注意
2020 年之后的主流浏览器都支持 WebP,没什么问题。真正容易出岔子的地方是邮件:Gmail 和大多数桌面邮件客户端不能内联显示 WebP。图片要放进 Newsletter 或邮件模板,还是用 JPG 或 PNG。
常见问题
把 JPG 转成 PNG 能提升画质吗?
不能。转成 PNG 只是把已有的像素装进无损容器,JPG 里已经有的压缩痕迹一点都不会消失。你得到的是一个更大的文件,视觉质量完全一样。唯一值得 JPG 转 PNG 的理由:打算反复编辑导出(避免质量叠加损耗),或者需要加透明图层。
WebP 一定比 JPG 小吗?
几乎总是这样——同等视觉质量下通常小 25–35%。差距在极小的图片(100px 以下的缩略图)上会缩窄,在大尺寸复杂照片上会更明显。放网页上,WebP 基本是首选,除非有特殊理由非用 JPG 不可(比如发邮件、老 CMS 兼容、客户硬性要求)。
转 JPG 时质量参数设多少合适?
80 是公认的甜蜜点——视觉质量保留约 95%,文件体积比质量 100 小 40–50% 左右。背景图和缩略图可以降到 70,稍微软一点问题不大。低于 60,压缩噪点就开始肉眼可见了。质量 100 几乎没必要,文件会暴增,但肉眼几乎看不出差别。
能批量转换多张图片吗?
可以。Filuni 的图片格式转换工具一次最多接受 10 个文件。全部拖进去,选好目标格式,下载回来是一个 ZIP 包含所有转换结果。拍完一批产品图或者要导出一套网页图标时特别省事。
试试 Filuni 的免费工具
本文提到的工具,加上 120+ 款其他工具。免费、无需注册、浏览器直接用。