同一张图,为什么 PNG 比 JPG 大十倍?

3 个讲解板块 · 关联 2 款站内工具 · 内容最后核对 2026-11-01

一个把每个像素原样记住,一个把细节折算成系数扔掉。

直接答案

JPG 是有损压缩,把每块画面的高频细节折算成系数后量化丢弃,体积能压到很小,代价是细节不可逆地损失。

PNG 是无损压缩,压缩的是数据的重复性,像素值一个不改,还能保存透明通道,照片类内容几乎压不动。

选格式看内容:照片和渐变多的图用 JPG,截图、图标、需要透明或边缘锐利的图用 PNG。

同一张照片,存成 PNG 是八兆,存成 JPG 不到一兆,画面上却看不出差别。

差别藏在压缩方式里:一个在记录,一个在取舍。

1两种压缩在做什么

一个针对人眼的敏感度,一个针对数据的重复度。

对比项JPGPNG
压缩类型有损,细节不可恢复无损,像素完全保留
适用内容照片、渐变、复杂色彩截图、图标、文字、线条
透明支持不支持支持完整透明通道
反复编辑每次保存都再损失一次不损失,可反复编辑

需要反复修改的素材先存 PNG,定稿交付时再转 JPG 或 WebP 压体积。

2为什么截图用 JPG 会糊字

文字边缘是强对比的高频信息,正好是有损压缩优先丢弃的部分。

文字边缘
黑字白底对比极强
大面积纯色
图标、按钮、色块
细线条
表格线、矢量图形
透明背景
logo、贴纸

截图和带字的图优先 PNG,体积虽然大,但字能看清,这条比省几十 KB 重要。

3体积还是太大怎么办

按用途分流,别指望一种格式解决所有场景。

照片类
转 JPG 或 WebP
截图层
PNG 后做调色板量化
网页用图
按显示尺寸先缩再压
需要透明
PNG 或 WebP

压缩比不是越低越好,压到出现色块和蚊噪就过了,画面观感优先于数字。

相关疑问

PNG 转成 JPG 会不会看起来不一样?

照片类通常看不出差别,但带文字的截图会明显发虚,边缘出现彩色噪点。转换前先放大到百分之百看一眼。

为什么我的 PNG 比别人的 JPG 还小?

颜色数量少的图(纯色背景、简单图标)在 PNG 里压缩率极高,体积可能远小于同等尺寸的照片 JPG。格式只是手段,内容才决定体积。

WebP 是不是两者都替代了?

WebP 同时支持有损、无损和透明,压缩效率通常更好,但兼容性不如 PNG 和 JPG 广。面向不确定的接收方时,PNG 和 JPG 更稳妥。

JPG 反复保存会越来越糊吗?

会,每次保存都会重新量化一次,损失会累积。编辑过程用 PNG 或原始文件,只在最后导出一次 JPG。

内容标识:本页内容由人工智能辅助生成,并经人工核对与编辑。详见 人工智能生成内容标识说明。
内容说明:本页针对具体使用问题作答,方法步骤与数值由本站自行整理与复算,事实性内容以对应官方规范与文档为准。内容最后核对日期:2026-11-01。若发现错误,欢迎通过页脚反馈入口告知。