使用谷歌开源程序 Squoosh 搭建专属图片压缩网站

夏日阳光
176
文章
22
评论
2020年1月9日23:25:09 评论 89 1123字阅读3分44秒

Squoosh是谷歌开源的一个图片在线压缩程序,我们可以使用它来搭建我们自己的图片压缩网站。Squoosh 是用 nodejs 开发的,所以,在正式搭建前需要先安装 nodejs 环境。今天,就来为大家分享一下使用谷歌开源程序 Squoosh 搭建专属图片压缩网站的过程。

使用谷歌开源程序 Squoosh 搭建专属图片压缩网站

下载地址

Github 地址:https://github.com/GoogleChromeLabs/squoosh/

安装

1、安装 nodejs

nodejs 的安装过程此处就不详细介绍了,大家可以自行百度一下。

2、克隆仓库

指定安装目录,比如 opt:

克隆代码:

完成后,会发现 opt 目录下多了 squoosh 目录。
使用谷歌开源程序 Squoosh 搭建专属图片压缩网站

3、安装 squoosh

切换到 squoosh 目录下

执行下面两条命令

4、启动服务:

运行结果:

使用谷歌开源程序 Squoosh 搭建专属图片压缩网站

可以看到,监听端口为 8080。

我们也可以通过后台进程运行模式来启动服务,命令:

5、开放端口

开放 8080 端口,具体可以参考下面的两篇文章:

CentOS7开放端口及开启防火墙

在 Ubuntu 中用 UFW 配置防火墙

6、访问

用浏览器访问 https://101.200.45.166:8080(将 ip 换成自己的),如下图所示:

使用谷歌开源程序 Squoosh 搭建专属图片压缩网站

配置域名

为了方便起见,我们可以配置一个域名,假设域名为:squoosh.pieruo.com。

1、配置域名

推荐宝塔面板配置,如果是其他方式,大家可以自行百度一下。

使用谷歌开源程序 Squoosh 搭建专属图片压缩网站

2、解决错误

通过域名访问,会提示 Invalid Host header 错误。这是由于新版的 webpack-dev-server 出于安全考虑,默认会检查 hostname 参数,如果 hostname 不是配置内的,将中断访问。可以在 webpack.dev.config.js 中添加如下配置即可:

其中,webpack.dev.config.js 文件在根目录下。

3、访问

用浏览器访问 http://squoosh.pieruo.com(将域名换成自己的),如下图所示:

使用谷歌开源程序 Squoosh 搭建专属图片压缩网站

结束语

Squoosh 是一个非常不错的网片压缩程序,如果感兴趣的话,我们可以用它来搭建我们自己的专属图片压缩网站。Squoosh 搭建的步骤很简单,不过,在执行的过程中,可能会提示一些错误信息,可以通过升级 nodejs 和 npm 解决。

weinxin
关于本站
本站是一个分享建站经验、网站优化以及互联网技巧的个人博客。
  • 版权声明: 发表于 2020年1月9日23:25:09
  • 转载注明:https://pieruo.com/18429.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: