Squoosh：浏览器里的开源图片压缩工具
Squoosh 是 Google Chrome Labs 出品的一款在线图片压缩工具。它把 AVIF、WebP、MozJPEG、OxiPNG 这些主流编码器搬进了浏览器，图片全程在本机处理、不会上传到任何服务器，调参数的同时就能看到压缩前后的画质对比和体积变化。本文介绍它的能力，并用一张真实照片走完整个压缩流程。
一、为什么推荐 Squoosh
市面上的在线压缩网站不少，Squoosh 值得单独写一篇，主要是这几点：
- 图片不出本机。 压缩靠浏览器里的 WebAssembly 完成，图片不会上传到服务器，处理私密照片、带水印的稿件、客户素材时不用担心泄露。
- 编码格式齐全。 除常见的 JPEG / PNG / WebP，还能导出下一代格式 AVIF 和 JPEG XL；PNG 可以用 OxiPNG 无损减重，JPEG 可以用 MozJPEG 重新编码。
- 对比够直观。 原图和压缩结果左右并排，中间一条滑块，拖动即可逐像素对比；右下角实时显示压缩后的体积和降幅百分比。
- 免费、开源、不用注册。 打开网页就能用，也可以把它「安装」成本地应用（PWA），断网时同样可用。
二、打开网站
访问 squoosh.app，首页就是一块拖拽区，不需要登录，也没有广告和弹窗。
页面中间的大圆是拖拽入口，把图片拖进去、或者直接 Ctrl + V 粘贴剪贴板里的截图都可以。下方「Or try one of these」提供了几张示例图片，想先试试效果可以直接点。
三、压一张图：四步搞定
1. 导入图片
拖入图片后会自动进入编辑界面：左边是原图，右边是压缩结果，中间那条竖线就是对比滑块。此时它已经用默认的 MozJPEG、质量 75 重新编码了一遍。
左下角显示原图信息（这里是一张 297 kB 的 JPEG），右下角的 ↓11% 和 264 kB 就是当前压缩结果。
2. 选择编码格式
右侧面板的 Compress 分组里第一个下拉框就是编码器，常用的是下面这几种：
| 编码器 | 适合的场景 |
|---|---|
| WebP | 通用首选，兼容性好、体积比 JPEG 小得多 |
| AVIF | 追求最小体积，压缩率高，但编码慢、老设备兼容性一般 |
| MozJPEG | 需要 .jpg 后缀、最大兼容性时使用 |
| OxiPNG | PNG 无损压缩，适合截图、图标、带透明通道的图 |
把编码器从 MozJPEG 换成 WebP，同一张图立刻从 264 kB 掉到 161 kB：
3. 调整质量与尺寸
- Quality（质量）：默认 75，一般够用。低于 60 时大面积渐变的天空容易出现色带。
- Effort（编码力度）：数值越高压得越狠、也越慢，WebP 默认 4，日常用不必改。
- Resize：面板上方（Edit 分组）的开关，可以顺手把分辨率缩小，比如 2400 px 宽压到 1600 px——这往往比降质量更划算。
- Reduce palette：减少颜色数量，做图标、扁平插画时能再瘦一圈。
4. 对比、下载
拖动中间滑块逐块对比画质，满意后点右下角的下载按钮保存。文件名会按「原名 + 编码格式」自动生成，不会覆盖原图。
四、实测：一张 2400×1600 的照片
用同一张照片（原始 JPEG，297 kB）分别试了三种编码器，默认参数下结果如下：
| 编码器 | 参数 | 压缩后 | 降幅 |
|---|---|---|---|
| MozJPEG | Quality 75 | 264 kB | ↓ 11% |
| WebP | Quality 75 / Effort 4 | 161 kB | ↓ 46% |
| AVIF | Quality 50 / Effort 4 | 102 kB | ↓ 66% |
同一张图，从 297 kB 压到 102 kB，体积只剩三分之一，屏幕上几乎看不出差别。如果只是换成 MozJPEG，降幅只有 11%——格式选对，比反复调质量参数有用得多。
五、几条实用经验
- 博客配图优先 WebP。 兼容性和体积平衡得最好，主流浏览器、WordPress / Halo 等系统都能直接识别。
- 文字多的截图别硬压。 界面截图、代码截图这类高对比内容，AVIF / WebP 低质量会把字边糊掉；建议质量保持在 70 以上，或者干脆用 OxiPNG 做无损压缩。
- 先降分辨率，再降质量。 网页里正文宽度通常不到 800 px，把 3000 px 宽的原图 Resize 到 1600 px，体积直接腰斩且画质无损。
- 批量处理得换个思路。 Squoosh 网页版一次只处理一张，需要批量压缩可以配合本地工具，比如给视频瘦身用的 HandBrake、命令行处理多媒体文件的 FFmpeg。
- 命令行版已经停止维护。 官方在 2023 年就下线了 CLI 和 libsquoosh，网页版仍在持续维护，这也是推荐直接用网站的原因。
六、需要注意的地方
- 不支持批量。 图片多的时候只能一张张来，这是它最大的短板。
- AVIF 的兼容性。 老版本的 Safari、部分 Windows 看图软件打不开 AVIF，如果图片要给不确定的读者看，WebP 更稳妥。
- 导出后记得抽查。 不同编码器对同一张图的表现差别很大，压缩完最好放大看一眼关键区域（人脸、文字、渐变天空），确认没有明显失真。
✅ 总结：Squoosh 把「专业编码器 + 实时对比」做成了一个打开就能用的网页，图片不上传、不注册、不收费。日常给文章配图、压缩作品集、给网站减负，拖进去、选个格式、点下载，一分钟就够了。
官方地址：https://squoosh.app/ ｜ 开源仓库：GoogleChromeLabs/squoosh
