照片处理与压缩:三种"变小"其实是三件事

更新于 5 分钟阅读

“把图片变小”是三件事共用一个说法。缩放改变像素有多少,压缩改变这些像素怎么被记录,转换则直接更换编码器。 三者的失效方式各不相同,选错操作,得到的就是一个既小又坏掉的图。

三种操作,三个层面

操作改变的东西代价
缩放像素尺寸,例如 4000×3000 → 1600×1200小网格装不下的细节
压缩相同尺寸下的编码方式画质,程度由你设定
转换编码器与容器,例如 PNG → WebP新编码器无法表达的部分

压缩找不回你本来就没有的像素,所以顺序是定死的:先缩放,再定质量,最后按目标选格式。反过来做是常见错误 —— 先在全尺寸上付一次压缩代价,再把大部分采样点丢掉。

有损与无损,说实话

JPEG 的质量值不是百分比。它选的是一张量化表,数值越低,变换后丢掉的高频系数越多。在浏览器使用的 0–1 区间里,80–85 大致是照片”再变小也不值得”的位置;80 以下省下的体积,多半要换成肉眼可见的损失。

JPEG 崩在哪里可以预判。

  • 纯色块与渐变出现分层,平滑的明暗过渡正是分块量化处理最差的内容。
  • 图中的文字浮出一圈光晕;常规编码器还会丢色彩分辨率(4:2:0 每四个像素只留一个色度采样),深色底上的 细红字比灰色文字先烂。
  • 高对比边缘出现振铃,也就是一道淡淡的复影。

PNG 没有质量滑块。它是无损的,同一张照片的 PNG 通常是 JPEG 质量 82 的三到八倍;唯一能动的参数只决定压缩器 多努力,改变的是体积的几个百分点,碰不到像素。

同样因为无损,截图与界面图形应当留在 PNG:平整色块、锐利字边、纯色 UI 不靠量化也压得不错;PNG 之后再缩放也 不亏,重采样拿到的是精确像素,而压缩过的 JPEG 再重采样,只会把伪影抹成文字周围的噪点。

WebP、AVIF,以及转换器能给什么

有损 WebP 在照片上常见的说法是比观感相当的 JPEG 小 25–35%,而且带 alpha 通道。编码器本来就装在浏览器里, 现代浏览器上用起来没有明显代价,所以它是务实的首选。

AVIF 通常还能更小,体积目标越紧越明显,但代价真实:编码时间长得多,旧浏览器和第三方查看器的解码支持更薄。 HEIC 是苹果的默认格式,拿它当网页交付格式并不安全。

能不能提供某种格式,取决于现场有没有对应的编码器。用画布导出做的工具能给出 JPEG、PNG 和 WebP,因为浏览器 自带这三个;它的质量参数只对 JPEG 与 WebP 有意义,对 PNG 顶多影响压缩强度。AVIF 必须自带一整份编码器,所以 只提供三种格式是被编码器限制,不是偷工减料。

可以作为参考的数值

以下是普通内容通常落在的范围,不是对你那个文件的测量。

  • 4000×3000 的相机 JPEG,约 1200 万像素:3–5 MB。
  • 同一张缩放到 1600×1200、质量 82(像素少 6.25 倍):250–450 KB。
  • 缩放到 1200×800、质量 80:150–250 KB,邮件或挂牌图足够。
  • 1920×1080 的文字为主截图:PNG 400–900 KB 且边缘完全锐利,质量 85 的 JPEG 150–300 KB 但字边缘带 振铃,质量 80 的有损 WebP 90–160 KB,同体积下通常比 JPEG 干净。

规律:照片先靠降尺寸变小,图形先靠换编码器变小。

真正会伤到画质的几个坑

放大找不回细节。 插值只是在现有采样点之间涂一层说得过去的糊:把一张虚焦照片放大两倍,得到的还是那张 虚焦照片,只是尺寸更大、文件更重,锐化不过是拿边缘光晕假装补了回来。

JPEG 的损失按代叠加。 解码再编码会重新量化系数,文件里已有的伪影被再量化一遍,每过一代更糟。保存两次、 过一遍聊天软件都在交这笔费用。留一份无损母版,只导出一次;只想旋转或裁切时,直接操作压缩数据的工具完全不 用重编码。

重采样的默认值并不讨好。 画布平滑默认开启,但质量提示默认用最便宜的滤波器,从 4000 一步跳到 1000 会出现 锯齿,逐次减半才保得住边缘。CSS 的 image-rendering 是另一件事:默认值会把放大的图糊开,改成最近邻能保住 像素画的硬边,但照片会方块分明。

转成 JPEG 时透明区域被压平。 这个格式没有 alpha 通道,原本透明的地方会变成纯色填充 —— 有的编码器填白, 有的填黑。要保留背景就继续用 PNG 或 WebP。

方向标签被转两次或者丢掉。 手机往往只写一个 Orientation 标签,而不真的旋转像素。转了像素却留下标签, 成品就会偏 90°;两者都不处理,则把这个坑留给下一个查看者。正确做法是把旋转烘焙进像素,同时把标签复位。

该做哪一种,该出什么格式

目标操作输出格式
邮件或聊天里的照片长边缩到 1600 像素JPEG 80–85
网页上的照片缩到实际显示尺寸WebP,配 JPEG 回退
必须清晰的文字截图保持尺寸,无损PNG 或无损 WebP
带透明背景的图形必要时才缩放PNG 或 WebP,不用 JPEG
编辑前的母版不要再压一次原文件或 PNG
尺寸固定时求最小先换编码器,再调质量WebP,再考虑 AVIF

体积不是唯一的约束。含证件号、检查结果、你家室内或孩子面孔的图,不该为了省几百 KB 就交给一个你没查过的 服务。上面三步都能在浏览器标签页里完成,文件不出本机 —— 链接的缩放工具就是这么工作的。

打开工具: 图片尺寸调整

返回指南列表

更多指南