简短答案
要在不改变尺寸的前提下把图片变小,请用压缩,而不是调整尺寸。压缩改变的是同一批像素的存储方式;调整尺寸改变的是像素栅格本身。
当表单出现下面这类要求时,这个区别就很关键:
- “图片必须为 600 x 600 像素,且不超过 200KB。”
- “上传 2 x 2 英寸护照照片,仅限 JPG,最大 240KB。”
- “头像必须至少 1000 x 1000 像素,最大 1MB。”
- “不得改变图片尺寸。”
在这些情况下,宽度和高度也是要求的一部分。调整尺寸也许能解决 KB 问题,却会违反尺寸规则。请先使用压缩工具。
文件大小和尺寸是两回事
图片的“大小”容易混淆,因为同一个词被用来指两件不同的事。
| 常见说法 | 实际含义 | 例子 | 如何调整 |
|---|---|---|---|
| 文件大小 | 磁盘上的字节数 | 85KB、240KB、2.8MB | 压缩、去除元数据、更换格式 |
| 像素尺寸 | 宽度和高度 | 600 x 600 px、1200 x 800 px | 调整尺寸或裁剪 |
| 打印尺寸 | 物理输出尺寸 | 2 x 2 英寸、4 x 6 英寸 | 由像素和 DPI/PPI 元数据决定 |
同一张 2000 x 2000 图片,可以是 10MB,也可以是 300KB。尺寸相同,存储方式不同。
反过来也一样:一张 500 x 500 的 PNG 截图,如果保存方式低效,或包含透明和元数据,可能比一张 2000 x 2000 的 JPEG 照片还大。
什么时候不该调整尺寸
当前尺寸已经正确时,先压缩:
- 政府或学校表单: 表单可能同时校验像素尺寸和文件大小。
- 护照照片或证件照: 裁剪多半已经正确,调整尺寸可能破坏人脸大小或头位要求。
- 头像: 平台通常要求高于某个最小像素数的正方形图片。
- 已经按版式做好尺寸的网站图片: CSS 槽位期待相同的宽高比和像素栅格。
- 文档用截图: 改动尺寸会让 UI 文字变糊,或让对比变得困难。
- 被另一个系统使用的图片: 模板、数据库、印刷流程或批处理脚本可能期望精确尺寸。
只有当目标端允许更小的尺寸,或图片的像素数远超所需时,才去调整尺寸。web.dev 的图像指南把这两件事分开讲:尺寸正确的图片减少不必要的字节,而压缩则调优剩下的那份文件。
压缩改变的是什么
尺寸不变时,文件大小仍可能变化,因为导出文件会在下面一项或多项上不同:
- 质量等级: 有损格式在质量下降时保存更少视觉细节。
- 格式: WebP 或 AVIF 能比 JPEG 或 PNG 更高效地存储相同的像素尺寸。
- 压缩模式: 无损保留完全一致的像素;有损轻微改变像素以节省更多字节。
- 颜色信息: 部分编码器会降低色彩精度或色度细节。
- 元数据: 相机型号、GPS、预览缩略图、DPI 标记和编辑历史都可能被移除。
MDN 的 Canvas 导出文档是理解浏览器工具的一种好模型:浏览器可以把同一份 Canvas 位图导出为不同格式和质量等级。若 Canvas 为 1200 x 800 像素,导出的 JPEG 或 WebP 仍保持 1200 x 800,仅字节大小改变。
按图片类型挑选方法
| 原始图片 | 保留尺寸? | 优先尝试 | 应避免 |
|---|---|---|---|
| 超过上传上限的 JPG 照片 | 是 | 小幅度降低 JPEG 质量 | 反复重新保存同一张 JPG |
| 没有透明的 PNG 照片 | 是 | 若被接受,转成 JPG 或 WebP | 只因原来是 PNG 就一直保留 PNG |
| 带文字的 PNG 截图 | 是 | PNG 优化或无损 WebP | 低质量 JPEG |
| 透明徽标或抠图 | 是 | 视目标端支持情况使用 PNG 或 WebP | 会去掉透明的 JPEG |
| 已经按尺寸做好的网站主图 | 是 | 带回退的 WebP 或 AVIF | 造成色带的极低质量 |
| 邮件附件 | 通常保留 | 照片用 JPEG,图形用 PNG | 收件方可能不支持的 WebP 或 AVIF |
| 归档或母版文件 | 是 | 保留原图,必要时另存一份压缩版本 | 用一次有损导出覆盖唯一的母版 |
许多泛泛谈论压缩的文章就是在这里出错的。“转成 WebP”对你自己控制的网站图片是好建议,对法院表单、学校表单、印刷厂或只接受 JPG/PNG 的邮件附件可能就是坏建议。
通常可用的质量设置
没有放之四海皆准的质量数字。web.dev 建议尝试不同压缩等级,直到在视觉质量与文件大小之间取得最佳折衷。下面这些数值只是起点,不是铁律:
| 图片用途 | JPEG/WebP 起点 | 需要检查的部分 |
|---|---|---|
| 护照、证件、头像或文件照片 | 82-90 | 人脸细节、文字标签、边缘锐度 |
| 商品照片 | 80-88 | 织物、标签、边角、色偏 |
| 博客或网站照片 | 75-85 | 皮肤、天空、阴影、渐变 |
| 缩略图或预览 | 65-78 | 小尺寸下主体是否清晰 |
| 背景图 | 55-72 | 色带和明显的块状 |
| 带文字的截图 | 优先无损 PNG/WebP | 菜单文字、图标、细线 |
AVIF 在许多工具中使用另一套标度,所以不要把数字直接和 JPEG 或 WebP 相比。“质量 60”的 AVIF 与“质量 60”的 JPEG 并不等价。
最稳妥的工作流朴素但可靠:导出、比较、调整、重复。
不调整尺寸的格式转换
更换格式可以在不改变像素尺寸的前提下减小文件。关键问题是目标端是否接受新格式。
JPEG 转 WebP: 常用于网页交付。Google WebP 文档在其测试集里报告了显著的平均节省,WebP 支持有损、无损、透明和动画。但严格的上传表单可能仍会拒绝 WebP,即便浏览器都支持。
PNG 照片转 JPEG 或 WebP: 若 PNG 是相机照片且不需要透明,通常收益很大。PNG 是无损的,会保留每一处细小的相机噪声。JPEG 或 WebP 可以用有损照片压缩,用更少字节存下同样的尺寸。
PNG 截图转 JPEG: 通常是笔亏本买卖。文件可能小了,但文字和硬边缘会显得脏。请先尝试 PNG 优化或无损 WebP。
透明 PNG 转 JPEG: 只有在能接受把背景压平时才这么做。JPEG 无法保留透明像素。
JPEG 再次转 JPEG: 可行,但一定要从你手上最好的源文件出发。反复重新压缩一张已经压过的 JPEG 会累积伪影。
在 PhotoTools 里如何不改变尺寸地压缩
当宽度和高度必须保持不变时,按以下步骤操作:
- 打开 压缩,不是“调整尺寸”。
- 拖入图片。
- 通过工具显示的输入尺寸,或系统的文件信息,确认尺寸。
- 保持相同尺寸,选择目标端接受的输出格式。
- 逐步降低 JPEG、WebP 或 AVIF 的质量滑块。
- 下载结果。
- 上传前再次核对下载文件的像素宽度和高度。
- 如果隐私重要,也要确认是否还留有 EXIF/GPS 元数据。
PhotoTools 会把压缩工作流放在你的浏览器里执行。图片在工具会话期间本地处理,不会为了转换而被上传到服务器。
如果目标端要求保持当前像素尺寸,就不要使用“调整尺寸”工具。调整尺寸用于改变宽度和高度;压缩用于改变字节。
按真实上传问题给出的示例
| 问题 | 更好的做法 | 原因 |
|---|---|---|
| 600 x 600 的 JPG 需要小于 200KB | 保持 JPG,将质量从 80 高段降到 80 低段 | 尺寸和可接受格式都保持安全 |
| 1200 x 1200 头像 2MB,上限 1MB | 压缩 JPG,或若接受则转成 WebP | 不改动像素也留有充裕余量 |
| 900KB 的 PNG 截图,尺寸必须保留 | 尝试 PNG 优化或无损 WebP | 文字依然清晰 |
| 透明商品抠图太大 | 若接受则尝试带 Alpha 的 WebP | 在很多网页场景下用更少字节保留透明 |
| 网站图 4000 px 宽,但显示时只有 800 px | 若允许,先调整尺寸再压缩 | 保留 4000 px 是字节的浪费 |
| 表单要求恰好 413 x 531 px 的 JPG,最大 300KB | 不要调整尺寸;只压缩 JPG | 校验器可能拒绝任何尺寸变动 |
难点通常是严格的表单。表单一旦指定精确像素和文件大小上限,请把这些要求置于泛泛的图片建议之上。
也需要调整尺寸的情况
有时“不调整尺寸”本身就是错误的约束。如果图片的像素数远超目标端所需,仅靠压缩会把你逼进难看的质量设置。
一张 4000 像素宽的照片被压到极低 JPEG 质量,可能依然很重且更难看。若目标端只以 1000 px 宽显示,且允许这个尺寸,先调整尺寸再适度压缩,通常比保留多余像素、破坏细节要好。
原则:
- 尺寸是硬性要求:先压缩。
- 尺寸只是大过所需:先调整尺寸。
- 拿不准:先看上传说明,再决定要不要改尺寸。
疑难排查
图片还是太大
尝试更高效的可接受格式,再稍微降低一点质量,去掉元数据,或从原始文件重新开始,而不是从之前导出的副本上再处理。若仍然远超上限且目标端允许更小尺寸,就先调整尺寸。
上传表单拒收文件
检查允许的文件类型。很多表单只接受 JPG 和 PNG。WebP 文件即便尺寸和文件大小都符合,也可能因为表单没有把 WebP 列为可接受格式而被拒。
图片看起来发糊
尺寸也许没变,但压缩质量太低或选了错误的格式。请调高质量。截图、示意图和文字请使用 PNG 或无损 WebP,而不是低质量的 JPEG。
透明背景变成白色或黑色
图片多半被转成了 JPEG。JPEG 没有透明。若目标端支持透明,请导出为 PNG、WebP 或 AVIF。
尺寸还是被改了
你可能用了“调整尺寸”“裁剪”或某个导出预设,改到了像素栅格。请重新打开原图,只使用压缩。提交前确认输出尺寸。
一条能救回质量的最终规则
请保留原始文件。压缩最安全的时机,是你能从最好的源文件重新导出的时候。
如果你反复下载已压缩的图片,再压一次,再转成另一种有损格式,再压一次,伪影会不断堆积。做一次上传也许还能接受,但对商品照片、证件照或将被反复复用的网站素材,请保留一份干净的母版,再从中生成交付版本。