BT宝塔面板一键搭建免费图片压缩工具Squoosh完整图文教程（附配置反代与后台运行指南）

在平时运营网站的过程中，图片体积过大往往是拖慢网页加载速度的罪魁祸首。提供无损或低损的高效图片压缩，是让小水管博客极速加载的有效方法之一。我非常建议大家写文章上传图片时，务必先进行一次深度的无损压缩处理。

说到图片压缩，squoosh.app这个网址应该很多人都知道。这是谷歌官方出品的在线图片压缩工具。它的压缩效率极其给力，也是我日常在线压缩博客图片的主要工具。

其实吧，谷歌的这个在线压缩Web程序是完全开源的。我们自己完全可以动手搭建一个独立专属的在线图片压缩网站。这篇文章主题铺就来详细分享一下，如何利用腾讯云轻量应用服务器的宝塔Linux腾讯专享版，轻松部署这个强大的 Squoosh 应用程序。

为什么选择自建Squoosh？

读到这里，你可能会问，网站后台明明有很多图片优化插件了，为什么要大费周章去自建一个前端工具呢？说白了，独立部署的Web端有着无可比拟的优势。下面这个对比表格能让你一目了然。

Squoosh 是一个非常前卫的图像压缩Web应用程序。它可让您深入研究各种图像压缩器提供的高级选项。正如前面所说，图像压缩全部在本地处理，隐私保护毫无破绽。

如果你想查看源码，可以访问以下官方托管地址：

Github项目库：https://github.com/GoogleChromeLabs/squoosh
Gitee国内镜像：https://gitee.com/mirrors/Squoosh

第一步：服务器与宝塔面板准备

开始搭建前，我们需要做一些基础准备工作。

首先，你需要一台腾讯云轻量应用服务器。

可以直接选择腾讯云的官方活动主机即可：4核4G服务器新客38元/年起，香港地域服务器低至6.5折/月，百万大模型 tokens 免费体验

在选择系统镜像时，请直接选择BT宝塔腾讯云专享版本。

BT宝塔Linux面板（BT-Panel）是一款简单好用的服务器运维面板。它支持一键搭建 LAMP 和 LNMP 环境，还自带集群、监控、网站、FTP、数据库、JAVA等100多项服务器管理功能。它能够极大提升运维管理效率。

当然了，如果想要自己安装BT宝塔面板也可以，直接到官方下载即可。

宝塔服务器面板，一键全能部署及管理

宝塔面板腾讯云专享版由腾讯云与堡塔公司联合开发。与普通版相比，这个专享版默认集成了腾讯云COSFS、CDN和DNS解析插件。这能让用户更便捷地使用宝塔面板对腾讯云产品进行深度管理和操作。该镜像底层基于 CentOS 7.8 64位操作系统。

配置好云API之后，很多繁琐的操作就可以自动弄好。比如说在腾讯云购买的域名，新建网站时的解析操作都能全自动搞定。

接着，在宝塔面板的软件商店里找到并安装 PM2管理器 5.2 版本，建议直接安装目前的最新版本。

最后，在腾讯云注册一个域名，并在宝塔后台新建一个网站。这是一个极其基础的操作，如果不会的话可以在评论区留言交流。

第二步：拉取源码与编译安装

打开宝塔面板自带的SSH终端，连接到服务器后，我们需要依次执行以下命令来拉取代码并进行编译打包。

cd /www/wwwroot/网站
git clone https://gitee.com/mirrors/Squoosh.git
cd /www/wwwroot/网站/Squoosh
npm install
npm run build
npm start

以上命令需要你耐心的一条一条执行。我是把程序代码放在了 /www/wwwroot/网站/Squoosh 这个目录下，操作时请自行修改为你自己建站时的实际路径。

等待编译完成并且启动后，终端屏幕上会输出提示服务成功启动的相关截图和文字信息。

第三步：配置访问方式与反向代理

程序跑起来后，我们主要有两种访问方式。

1 公网ip直接访问

直接使用公网IP加上启动时的端口号即可访问。这里有个细节务必注意：你必须在宝塔面板的安全设置中，以及轻量服务器控制台的防火墙方向规则里，手动放行相关的端口号。

2 域名访问

上面的IP访问方式虽然已经实现可以正常使用了，但显得不够专业。如果我们能配置一个专属的域名来访问，那就非常完美了。下面就来设置一下域名绑定。

3 代理设置

上面提到过需要新建网站和绑定域名。由于使用的是腾讯宝塔专享版本，设置好API之后，域名解析是自动处理的。使用其他系统版本的朋友可以自行去域名注册商那里解析绑定域名。

域名绑定成功后，我们在宝塔的网站设置界面中找到反向代理选项。添加一个新的反向代理规则，目标URL填写我们本地服务器刚刚启动的IP加端口地址。

第四步：解决 Invalid Host header 报错问题

1 修改核心文件

代理规则加上之后其实是不能直接使用的。这时候你刷新浏览器是打不开的，页面上会直接遇到 Invalid Host header 的错误提示。

这倒是经常遇到的坑，如何解决呢？我们需要修改一下项目的启动配置文件。

以刚才的路径为例，进入 /www/wwwroot/网站/Squoosh 目录。找到 package.json 这个文件，双击打开进入编辑模式。

在 scripts 代码块下面的 start 那一行，手动添加如下参数代码：
--disableHostCheck=true

也就是说，把那行代码替换成下面这样（注意使用英文单引号包裹字符串，避免语法冲突）：
'start': 'webpack-dev-server --host 0.0.0.0 --disableHostCheck=true --hot',

确认无误后，修改好之后保存文件。

2 重新编译生效
保存之后直接刷新网页是不生效的。你需要回到终端的根目录下面，按快捷键结束当前的运行进程，然后再次运行启动命令：

npm start

第五步：利用 screen 实现后台持久运行

目前网站虽然能正常访问了，但只要你关掉SSH终端窗口，服务进程就会立刻掉线。我们需要借助 screen 工具来实现真正的后台运行。

安装方式如下：

对于 Centos 系统：

yum install screen

对于 其它 系统：

apt-get install screen

1 重新编译并挂起
安装好 screen 之后，停止掉你刚刚前台运行的 squoosh 程序。重新创建一个独立的 screen 会话，然后再次编译并启动程序。这样就可以让他安静地在后台运行即可，具体操作代码如下：

screen -S squoosh
cd /www/wwwroot/网站/Squoosh
npm start

为了方便大家日后维护，我再补充一些其它常用的运维命令。

执行 screen -S squoosh 的意思就是创建名为 squoosh 的独立 screen 会话。

日后想要查看后台日志时，再执行 screen -r squoosh 就会清楚地看到你的这个程序运行的状态。

有时候 screen 遇到断网等异常退出，可能会提示状态为 Attached。遇到这种情况，可以执行 screen -D -r squoosh 进行强制恢复连接。

有时候你可能会因为操作失误创建了多个同名的 screen 会话。可以执行 screen -ls 查看对应会话的 session id 编号，然后使用 screen -D -r 编号 进行精准恢复。

如果想彻底杀死一个已经 detached 的 screen 会话进程，可以使用以下命令：
screen -X -S [这里填入session编号] quit

最后总结

做完以上所有的操作，你就拥有一个属于自己的全功能压缩网站啦。搭建好了么？赶紧把这个好用的工具和朋友们分享你的快乐吧。有了这个私有化部署的压缩神器，以后管理博客配图就再也不用发愁图片加载慢的问题了。

腾讯云的官方活动主机：4核4G服务器新客38元/年起，香港地域服务器低至6.5折/月，百万大模型 tokens 免费体验

也可以选择直接从主题铺下载WordPress图片压缩插件

WP Smush Pro汉化中文版(更新到4.0.3)-高级WordPress图片压缩优化插件下载

29天前

016114