【保姆级教程】谷歌图片压缩工具Squoosh 宝塔面板部署教程

唠叨

用了squoosh两年多，现在才想起来要私有部署一个，因为真的很好用。 假如日后谷歌不开源了，找不到源代码的话，实属遗憾！ 使用体验很好：无损压缩/有损压缩，自主可控，加上谷歌强大的算法，无可置疑，神器一枚！冲！

简介

Squoosh是谷歌推出的一款开源免费的WEB在线图片压缩工具，可帮助网站开发人员快速压缩图片，在保持图片质量的同时，提升网站访问速度。使用起来也非常简单，在浏览器中打开页面后，可点击选择或直接往里面拖图片，在左下方可选择想要生成的图片格式，右下方选择图片质量，再下载即可。

GitHub

官网

支持输出格式：AVIF、Browser JPEG、Browser PNG、JPEG XL (beta)、MozJPEG、OxiPNG、WebP、WebP v2 (unstable)

部署教程

教程环境

• Centos 7.x系统
• 宝塔Linux面板环境
• PM2管理器
• 域名（用于反代）
• 开放5000端口

创建项目

宝塔后台 –> 网站 –> 添加站点 –> 纯静态 –> 创建完成后进入到目录

进入项目目录 –> 安装项目依赖

输入代码

npm install

运行项目

npm run build

npm run dev

程序成功执行，访问ip+5000端口即可访问

但是关闭SSH后就会停止运行，我们需要创建个screen会话保持它的运行。

安装screen

项目目录 –> 终端 –> 安装

yum install screen

创建会话并运行

screen -S squoosh

npm run dev

如果需要结束会话

screen -d -r squoosh

此时程序跑再5000端口上，访问不太方便。

所以创建一个反向代理 就可以使用域名进行访问了

反向代理

安装完毕

现在，你可以用你的域名登录啦！从此你就有了属于自己的图片压缩网站啦，实现图片压缩自由！ 私有部署就是爽，体验感拉满！

⚠️注意

1. 执行：screen -S squoosh 是创建screen会话
2. 再执行 screen -r squoosh 就会看到你的这个程序运行的状态。
3. 有时候screen异常退出可能会提示状态为Attached，可以执行：screen -D -r squoosh 进行恢复。
4. 有时候可能会创建了多个同名的screen会话，可以执行：screen -ls 查看对应会话的session id，然后使用screen -D -r sessionid 进行恢复。

5.如果服务器重启了，需要手动运行，你只需要2个步骤： 在程序目录运行终端--输入运行代码

screen -S squoosh

npm run dev

🎉完结撒花

开源万岁！