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

唠叨

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

image-20220930225442118

简介

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

GitHub

官网

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

image-20220930225643918
image-20220930225704124

部署教程

教程环境

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

创建项目

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

image-20220930224911409
image-20220930224757623

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

image-20220930225016169

输入代码

npm install
图片[2]-谷歌图片压缩工具

运行项目

npm run build
npm run dev
图片[3]-谷歌图片压缩工具

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

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

安装screen

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

yum install screen

创建会话并运行

screen -S squoosh
npm run dev

如果需要结束会话

screen -d -r squoosh

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

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

反向代理

image-20220930225340854

安装完毕

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

⚠️注意

  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
1664694596348.png

完结撒花

开源万岁!

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

这些同样精彩