如何在压缩图片时不损失画质：先调尺寸，再谈编码

一张照片占多少字节，由三个因素决定，而你最先想到的质量设置只是其中之一。像素尺寸才是绝对的主导。现代手机摄像头拍出的照片约有 4000x3000 像素——在任何人处理文件之前，就已经是一千两百万个独立的颜色采样点。这就是为什么刚拍出来的照片动辄好几 MB，哪怕拍的只是一张再普通不过的书桌。

第二个因素是格式。同一个画面，存成 PNG 可能比存成 JPEG 大好几倍，因为 PNG 会逐像素精确保留，而 JPEG 会丢掉那些人眼本就难以察觉的细节。第三个因素最容易被忽略：内嵌元数据。相机生成的文件里带着 EXIF 字段、预览缩略图、色彩配置文件，有时还有 GPS 坐标。这部分通常只有几十到几百 KB，不到 MB 级别，但一批图片累积下来就很可观，而且剥离它对画面毫无影响。

操作顺序比参数调校更重要。把那张 4000px 宽的手机照片缩到 1600px 宽——对大屏显示器上的全宽网页图来说已经相当宽裕——你就丢掉了约 84% 的像素。像素总量随面积而非宽度变化，所以实际节省远超两个数字之比给人的直觉。想大幅减小图片体积，收益主要就来自这一步。

直接以质量 80 重新编码原始的 4000px 文件，确实能省一些，但编码器仍然在为一千两百万个像素卖力工作，而这些像素没有任何浏览器会真正显示出来。先缩小尺寸，压缩器的工作量就小得多，于是你可以把质量留得高高的，照样得到一个小文件。尺寸要匹配图片实际的展示位置：全出血头图用 1600px，半宽栏位用 800px，缩略图 400px 或更小。把 1600px 的文件塞进 300px 的展示位，是网上最常见的浪费。

有损压缩（JPEG 和有损 WebP 采用的方式）会永久丢弃编码器判断你不会察觉的信息。它在频域而非像素域工作，所以平滑渐变和柔和背景几乎原样保留，细密纹理则被简化，节省的空间相当可观。无损压缩（PNG 和无损 WebP 采用的方式）逐比特保留每个像素，解码时能精确还原原图。它靠寻找冗余来省空间，因此能省多少取决于内容——对一张细节繁忙的照片，答案往往是省不了多少。

照片本身充满传感器噪点和渐进的色彩过渡，所以很能容忍有损压缩，一次合理的有损处理在照片上几乎看不出来。平面图形则恰恰相反。Logo、图表、含文字的截图和 UI 设计稿有锐利的边缘和大面积纯色，有损编码会让这些边缘出现淡淡的振铃和涂抹感。这类图就该用无损，哪怕文件更大——毕竟，一个模糊的 logo 比一个偏重的 logo 糟糕得多。

在观感质量相近的前提下，WebP 通常比 JPEG 小 25-35%，而且支持透明通道——这是 JPEG 从来做不到的。主流浏览器都已支持它多年，所以用于常规网页分发时，几乎没有理由犹豫。

AVIF 走得更远，在照片上往往胜过 WebP，但支持面较窄，编码速度也明显更慢，适合你能控制分发方式、且有优雅回退方案的场景。如果图片必须在任何地方都可靠打开——包括邮件客户端、老旧的 CMS 流程和设计软件——JPEG 仍是最稳妥的选择。实用的做法是：优先分发 AVIF 或 WebP 并以 JPEG 回退，同时把 JPEG 留作存档副本。

一张典型的 2MB 照片，缩到合理的网页尺寸再重新编码，通常能降到几百 KB。这份收益大部分来自缩小尺寸，而不是把质量参数一路压到画面散架。

压缩发生在哪里同样重要。基于浏览器的工具直接从你的硬盘读取文件，在标签页内完成处理，再把结果交给你下载。全程没有上传，所以身份证照片、客户未发布的产品图或私人照片，不会在别人的临时存储里留下一份服务端副本。对一张表情包来说，这只是无关痛痒的细节；但只要图片牵涉到人脸、姓名或合同，这就是全部意义所在。