Squoosh 是谷歌推出的一款在线图像压缩工具，可帮助网站开发人员快速压缩图片，在保持图片质量的同时，提升网站访问速度。

Squoosh 使用起来也非常简单，在浏览器中打开页面后，可点击选择或直接往里面拖图片，在左下方可选择想要生成的图片格式，右下方选择图片质量，再下载即可。

Squoosh中文地址：https://squoosh.net/

开启 squoosh 的页面，就可以上传图片了。随后，squoosh 就会呈现出原图和压缩后图片的实时预览对比，在这个页面中，有很多细调选项，例如可以调整尺寸，调整图片压缩的格式以及强度质量等等。其中最重要的，当然就是 "Compress" 的压缩类型了。  

使用

我们去Github把代码下载下来，解压源代码，进入到源码根目录，安装依赖包。

npm install

安装过程可能会因为网络原因安装失败，这里是用 nrm 来替换镜像源。

然后执行编译。

npm run build

最后，执行运行命令：

npm run dev

因为我用的是Windows，执行 npm run dev 会报错，所以，就修改了 package.json 的内容，将:

"scripts": {
   "build": "rollup -c && node lib/move-output.js",
   "debug": "node --inspect-brk node_modules/.bin/rollup -c",
   "dev": "DEV_PORT=\"${DEV_PORT:=5000}\" run-p watch serve",
   "watch": "rollup -cw",
   "serve": "serve --listen=$DEV_PORT --config ../../../serve.json .tmp/build/static",
   "prepare": "husky install"
 },

改为:

"scripts": {
   "build": "rollup -c && node lib/move-output.js",
   "debug": "node --inspect-brk node_modules/.bin/rollup -c",
   "dev": " run-p watch serve",
   "watch": "rollup -cw",
   "serve": "serve --listen=5000 --config ../../../serve.json .tmp/build/static",
   "prepare": "husky install"
 },

如果是 Linux ,则不需要做如上的调整。

链接: https://www.fly63.com/nav/1855