如何压缩图片而不损失画质
一份实用指南,教你如何在保持画质的同时缩小 JPG 和 PNG 的文件体积。理解有损与无损压缩的区别,选对质量设置,并弄清为什么基于浏览器的压缩是最能保护隐私的选择。
大体积图片是网页加载缓慢、邮件附件被拒收、云存储空间被塞满的头号原因。好消息是:在肉眼察觉到任何差别之前,通常可以把图片的文件体积削减 60-80%。本指南会讲解压缩的实际原理、应该使用哪些质量设置,以及如何在不把图片上传到任何地方的情况下完成压缩。
有损 vs 无损:最关键的一个概念
所有图片压缩方法都归入两大类之一。无损压缩(PNG 和 ZIP 文件采用的方式)会以更高效的方式重写数据,同时保留每一个原始像素——无损压缩后的图片解压出来永远与原图完全一致。有损压缩(JPG 采用的方式)则会永久丢弃人眼不擅长察觉的细节,例如平滑区域中细微的色彩变化。这就是为什么照片存成 JPG 会比存成 PNG 小得多。
实用法则:照片和色彩丰富的复杂图像用有损的 JPG;截图、Logo、线条图以及任何需要透明背景的内容用 PNG。把截图压成 JPG 常会让文字发虚,而把照片存成 PNG 则会白白浪费数 GB 空间,画质却毫无提升。
选择合适的质量设置
保存 JPG 时,编码器会要求一个质量值,通常是 0 到 100。这是在文件体积与保真度之间取得平衡的主要调节手段:
- 质量 90-100:与原图几乎无法区分,但文件依然很大。只有用于存档母版时才值得。
- 质量 75-85:适合大多数用途的黄金区间。照片通常能缩到原体积的 20-40%,在屏幕上看不出任何损失。
- 质量 50-70:画面会出现肉眼可见的柔化,尤其是在锐利边缘和文字周围。用于缩略图或带宽极其紧张的场合尚可接受。
- 低于 50:块状伪影和色带现象会变得非常明显。任何面向用户展示的内容都应避免使用这一档位。
分步操作:在浏览器中压缩图片
- 打开图片压缩(Image Compress)工具——无需注册账号。
- 拖入一张图片或整批图片;所有内容都留在你的设备上。
- 选择输出格式——照片保持 JPG,边缘锐利的图形选 PNG。
- 设置质量滑块。先从 80 开始,边看实时预览边调整。
- 对比每张图片显示的压缩前后文件大小。
- 逐张下载压缩后的图片,或打包成 ZIP 一次下载。
实际到底能省下多少?
以手机相机直出的照片为例,典型结果是:一张 4 MB 的 JPG 以质量 80 重新编码后,通常落在 600 KB 到 1.2 MB 之间,缩减幅度为 70-85%。在不需要透明背景的情况下,把 PNG 格式的截图转成 JPG,缩减幅度往往更为惊人。如果你能掌控图片的最终去向,并且确定所有查看环境都支持,WebP 还能再省 20-30%。
为什么浏览器本地压缩很重要
许多免费在线压缩工具会先把你的图片上传到服务器,在那里处理后再返回结果。这意味着你的照片——家庭合影、证件扫描件、客户项目文件——都会在别人的服务器基础设施上传输和存放。而基于 Canvas API 的浏览器内压缩,则完全在你自己的设备上对图片重新编码:不传输任何数据,不存储任何内容,而且页面加载完成后还能离线使用。你可以亲自验证:压缩图片时打开浏览器 DevTools 的 Network(网络)标签页,观察有没有上传请求。
现在就试试:用图片压缩(Image Compress)工具,免费又私密地压缩你的图片。