第一步:先分清「压缩」和「缩放」

这是最常见的概念混淆,也是很多处理结果不理想的原因。

  • 缩放(Resize)改变的是图片的像素尺寸。 把一张 4000×3000 的图缩成 1200×900,像素数量减少了约 91%, 文件体积自然大幅下降,而且画质损失相对可控。
  • 压缩(Compress)在不改变像素尺寸的前提下, 通过降低编码精度或优化编码方式来减小体积。它保住了画面尺寸,但会牺牲细节。

判断该用哪个很简单:如果图片的实际显示尺寸远小于它的像素尺寸, 就该先缩放,再考虑压缩。例如网页正文里一张图只显示 720 像素宽, 你放一张 3000 像素宽的图进去,多出来的像素既不会被看到,又白白占用带宽。

推荐顺序:先裁剪到需要的构图 → 再缩放到目标尺寸 → 最后按需压缩。 反过来做(先压缩再缩放)会让画质损失被重复放大。

第二步:选对格式

格式选择对最终体积的影响,往往比参数调整更大。三种主流格式的适用场景如下:

格式 特点 适合 不适合
JPG 有损压缩,体积小,兼容性最好 照片、写实图片、需要最大兼容性的场景 需要透明背景、线条与文字为主的图
PNG 无损压缩,支持透明通道 图标、截图、带透明的素材、需要清晰文字的图 尺寸大的照片,体积会非常夸张
WebP 同画质下通常比 JPG 小 25%–35%,支持透明 网站配图、App 内图片 需要发给不熟悉格式的人,或用于部分老软件

一个实用判断:如果图片中有大面积纯色或规则线条(截图、图表、UI 界面), PNG 或 WebP 明显优于 JPG,因为 JPG 会在文字边缘产生模糊的彩色噪点; 反过来,如果是连续的色彩过渡(人物照、风景照),JPG 的效率远高于 PNG。

第三步:参数对照表

下面这张表可以直接照着用。左列是常见用途,右列是我们实测下来比较稳妥的参数区间。

用途 建议长边 建议质量 目标体积
网页正文配图 1200 px 75–80 100–250 KB
网页首屏大图 / Banner 1920 px 70–78 200–400 KB
文章缩略图 / 卡片图 720 px 72–80 50–120 KB
电商主图 1000 px 85–92 150–400 KB
社交平台头像 400 px 85–90 30–80 KB
邮件附件用图 1000 px 65–75 100 KB 以内
打印 / 存档 按需,通常 ≥ 2400 px 95–100 不设上限

质量参数通常用 0–100 表示。需要理解的是,它并不是线性关系: 从 100 降到 85,肉眼几乎看不出差别,体积却可能减少一半; 从 40 降到 25,画面会出现明显色块,体积节省却很有限。 实践中 70–85 是最常被推荐的区间,超过 90 的收益通常很小, 低于 60 则要谨慎使用。

批量处理的正确姿势

需要处理几十上百张图时,顺序比工具更重要。我们建议这样组织流程:

  1. 先分类。把图片按用途分组(正文图、缩略图、头像),不同用途用不同参数,不要一刀切。
  2. 先挑一张做样本。用一张有代表性的图试参数,确认效果后再套用到整批。
  3. 统一命名规则。处理前后文件名保持一致会让后续替换、核对省很多时间。
  4. 保留原图。处理结果另存为新目录,原始文件不要覆盖。
  5. 抽查结果。随机打开几张成品,确认没有裁切错误或过度压缩。

其中第 4 点最容易被忽略,但代价最高。一旦原图被覆盖,后续想调整参数重新导出就无从下手了。

几个常见的坑

坑一:反复压缩

有损格式每保存一次就损失一次画质。把同一张 JPG 压缩五遍, 即使每次只用 90 的质量,累积损失也会相当明显。 正确做法是始终从原始文件出发,一次调整到位。 如果你手上只有一张被压过的图,不要再压第二遍,而是考虑用缩放的方式减小体积。

坑二:透明背景丢失

把带透明通道的 PNG 转成 JPG,透明区域会变成白色或黑色(取决于工具的实现)。 如果这张图后续要用在非白色背景上,边缘会出现难看的方块。 需要透明的场景请务必保留 PNG 或使用 WebP。

坑三:EXIF 信息被意外清除

照片里的 EXIF 包含拍摄设备、时间、甚至 GPS 坐标。多数在线工具在处理时 会顺手清除这些信息——从隐私角度看这是好事,但如果你需要保留拍摄时间用于归档, 就要提前留意。上传敏感照片前,建议先确认一下工具是否会保留原始元数据。

坑四:把「体积变小」当成唯一目标

极端压缩确实能让文件很小,但一张细节糊成色块的图,使用者体验和直接放一张 空白图没什么区别。压缩的目标应该是在「肉眼几乎无感」的前提下减小体积, 而不是把数字压到最低。

什么时候还是得用桌面软件

在线工具覆盖不了全部场景,以下几种情况建议直接用专业软件:

  • 需要图层、蒙版、非破坏性编辑的复杂合成工作;
  • 需要对上百张图应用相同的复杂调整(如统一色温校正);
  • 处理 RAW 格式、CMYK 色彩空间或 16 位色深等专业格式;
  • 涉及保密素材,完全不能经过任何网络请求。

判断标准可以简化为:如果任务本身需要反复试错和撤销,桌面软件更合适; 如果是一次性的、目标明确的调整,浏览器就够了。

结语

在线图片处理的关键不在于工具多强大,而在于你是否清楚自己在调整什么。 先分清压缩与缩放,再选对格式,最后按用途套用参数—— 这三步走完,绝大多数日常需求都能在几分钟内解决。

想直接动手的话,可以试试我们的 PS 在线工具, 支持压缩、裁剪、缩放、格式转换与加水印,处理过程尽量在你的浏览器本地完成。