【保姆级教程】谷歌图片压缩工具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

?完结撒花

开源万岁!

发表回复

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

阅读下一篇

域名登录不了宝塔面板后台怎么办?

域名登录不了宝塔面板怎么办? 前段时间,因为注销了域名,但又忘记了宝塔面板绑定了域名登录,所以导致了宝塔面板登录不了。 解决思路 解决思路就是删除宝塔面板的域名登录,改为IP登录。 具体操作步骤 01 点击管理 02…

Blender新手指南

快捷键 一:最常见的三种移动操作 移动 Shift + 鼠标中键 镜头的推进和拉远 滑动鼠标滚轮 匀速推进 Command + 鼠标中键 二:其他操作 缩放 S 1. S 或 S+ X / Y / Z2. S +…

Adobe Illustrator快捷键

三种复制快捷方式 随机复制:Ctrl + C Ctrl + V 原位复制:Ctrl + C Ctrl + B 复制到下一层相同位置:Ctrl + C Ctrl + F 图层 锁定图层 Ctrl + 2 前移一层 Ctrl +…