图片压缩工具说明
图片太大是最常见的麻烦:上传附件被限体积、发公众号被提示超限、网页加载慢。这个工具解决的就是这一件事——把图片体积降下来,同时尽量看不出差别。
压缩的两种思路
把图片变小,本质上是两条路:
- 有损压缩(降质量)。 把每个像素的颜色精度降低一点,人眼基本看不出,但体积能降一半以上。JPG、WebP 走这条路。质量 80% 左右通常是视觉无损和体积的甜点区,70% 以下开始能看出噪点。
- 降分辨率(改尺寸)。 把 4000×3000 缩到 1600×1200,像素数量少了 85%,体积自然大幅下降。手机拍的照片往往严重超分辨率——一个网页配图最多需要 1200 像素宽。
本工具同时提供这两条:质量滑块控制第一条,最大边长控制第二条。最有效的做法通常是先降尺寸再降质量。
不同场景的推荐参数
- 网页配图:最大边长 1600,质量 80%。一张常见的公众号头图能从 3MB 降到 200KB 以内。
- 证件照 / 报名照:多数平台限制在 2MB 或 500KB 以内。先不要降尺寸(避免破坏规定比例),只把质量调到 85%。
- 聊天里发原图:最大边长 2048,质量 85%。这个组合在手机屏上看和原图没区别。
- 截图存档:截图多为大片纯色,质量 90% 也能压得很小,可以放心用。
- 商品图 / 电商主图:多数平台要求 800×800 或 1500×1500 正方形,用最大边长锁定对应值,质量 88% 左右。
为什么有些图片压不下去
如果某张图压缩后体积几乎没有变化,通常是这几个原因:
- 原图已经是压缩过的 JPG。 二次压缩空间有限,从 85% 再压到 80% 只能再省一点点。反复压缩还会累积损伤,画质一次比一次差。
- PNG 里的照片。 PNG 是无损格式,本来就是为线条图、图标、带透明通道的图设计的。照片存成 PNG 体积会非常夸张,正确做法是转成 JPG。浏览器里质量参数对 PNG 影响很小。
- 图片本身很小。 小于 100KB 的图,压缩收益接近零,还有可能因为重新编码反而变大——所以本工具默认会保留更小的那一份。
- 图里全是细节。 树叶、草地、砂石、烟花这类高频纹理,每一块都在变化,压缩算法很难偷工减料。
关于隐私:图片真的没上传
这一点值得单独说。这个页面用的是浏览器自带的 Canvas 绘图接口:图片读进内存 → 画到一块画布上 → 按你设的质量重新导出。整个过程没有一行代码往外发数据。
想验证很简单:按 F12 打开开发者工具,切到 Network(网络)面板,再点"开始压缩"。你会看到列表里没有任何图片上传请求。也可以断网之后再试一次,功能完全正常。
这对于身份证、合同、病历、工资条这类敏感图片很重要——用在线工具前,值得先确认它到底把文件发到哪里去了。要判断也很简单:看 Network 面板里有没有 POST 请求,或者干脆断网测。
压缩后画质怎么保证
几个实用判断:
- 先看文字边缘。 有损压缩最先出问题的地方是黑色文字周围出现模糊或彩色镶边。如果文字还锐利,说明质量够用。
- 再看纯色过渡区。 天空、墙面这类大片渐变区最容易出现色块断层(banding)。出现条纹说明压得太狠。
- 最后按用途确认。 只用于手机屏浏览的图,100% 放大对比意义不大;要打印的图,则应该尽量保持原分辨率。
建议先用少量几张试参数,满意了再批量处理剩下的。
常见问题
一次能压多少张?
没有硬性数量上限,但受浏览器内存限制。建议一次不超过 30 张、单张不超过 20MB。上百张的批量任务,分批处理更稳妥。
压缩后格式变了吗?
没有主动转换格式。原始分辨率会保留(除非你设了最大边长),但重新编码后统一输出为 JPG 或 WebP,具体由浏览器决定。透明通道在转成 JPG 时会丢失,PNG 转 JPG 需要留意。
能压到指定大小以下吗,比如 100KB?
不能保证精确命中。有损压缩的体积和质量没有线性公式,只能试。实用做法:先把最大边长设小一点(比如 1000),再调质量,多试两次就能逼近目标。
多次压缩会不会越来越糊?
会。有损压缩是有损的,每压一次都在丢信息,叠加起来画质会持续下降。所以最好保留一份原图,需要不同尺寸时都从原图重新导出,而不是在压缩结果上反复压。
为什么结果里有的图显示「保留原图」?
因为压缩后的体积反而比原图大。这种情况通常出现在已经压过的小图、或者 PNG 线条图上。工具会自动保留体积小的那一份,你可以在选项里关掉这个行为。