开源的在线图片压缩工具-Squoosh

开发 前端
前几天,我要压缩几张自己的照片用于电子请柬,不想把这些私有图片上传到别人的网站上,就想着找个开源的。最终还真找到一个非常不错的开源图片在线压缩工具-squoosh。

说到图片压缩,大部分人应该都知道tinypng这个在线图片压缩工具,不得不说,这货的压缩质量还挺不错的。而且,我也经常用到它。前几天,我要压缩几张自己的照片用于电子请柬,不想把这些私有图片上传到别人的网站上,就想着找个开源的。最终还真找到一个非常不错的开源图片在线压缩工具-squoosh。

开源的在线图片压缩工具-Squoosh

squoosh在压缩图片时,都是在本地执行,不会将图片上传到服务端,这样就保障了用户隐私安全。但是,Squoosh用到了谷歌分析工具,会收集一些基础信息。

开源的在线图片压缩工具-Squoosh

如果连基础信息你也介意的话,反正代码在你手上,想怎么干就看你自己了。

我们去Github把代码下载下来,解压源代码,进入到源码根目录,安装依赖包。

npm install

安装过程可能会因为网络原因安装失败,这里是用nrm来替换镜像源。

然后执行编译。

npm run build

开源的在线图片压缩工具-Squoosh

最后,执行运行命令:

npm run dev

因为我用的是Windows,执行npm run dev会报错,所以,就修改了package.json的内容,将:

"scripts": {
"build": "rollup -c && node lib/move-output.js",
"debug": "node --inspect-brk node_modules/.bin/rollup -c",
"dev": "DEV_PORT=\"${DEV_PORT:=5000}\" run-p watch serve",
"watch": "rollup -cw",
"serve": "serve --listen=$DEV_PORT --config ../../../serve.json .tmp/build/static",
"prepare": "husky install"
},

改为:

"scripts": {
"build": "rollup -c && node lib/move-output.js",
"debug": "node --inspect-brk node_modules/.bin/rollup -c",
"dev": " run-p watch serve",
"watch": "rollup -cw",
"serve": "serve --listen=5000 --config ../../../serve.json .tmp/build/static",
"prepare": "husky install"
},

如果是Linux,则不需要做如上的调整。

现在执行运行命令:

开源的在线图片压缩工具-Squoosh

启动成功后,浏览器访问http://127.0.0.1:5000,就可以开始压缩图片了。

开源的在线图片压缩工具-Squoosh

这里,我随便找一图片原图大小为776KBpng图片压缩并转换为jpg后的大小为101KB。

开源的在线图片压缩工具-Squoosh

当然,这里的转换格式和压缩质量也可以通过设置来调整的。通过网页的方式,我们可以一张张的进行压缩,如果我们压缩的图片较多时,这样的操作效率就有些低了,其实,Squoosh还提供了API和客户端命令来批量压缩。

开源的在线图片压缩工具-Squoosh

开源的在线图片压缩工具-Squoosh

有兴趣的,可以按照Github中的说明安装下来尝试一下。

责任编辑:姜华 来源: 今日头条
相关推荐

2024-08-19 00:05:25

2020-08-21 09:58:16

谷歌Android工具

2016-04-20 15:36:38

图片压缩工具轻量化

2021-01-13 10:07:57

Linux 工具 开发

2023-04-27 08:28:15

图片压缩工具

2021-05-24 05:36:31

压缩图片应用压缩工具

2013-11-12 15:40:40

图像压缩

2024-11-26 17:35:56

2016-05-25 14:50:34

Linux文件压缩工具

2021-02-25 09:02:29

FacebookZstd应用

2019-08-13 08:00:16

压缩工具7-Zip

2024-03-25 14:58:49

微软研究

2017-04-05 14:10:11

开源调查工具

2014-07-04 11:29:52

CentOSLinux压缩工具

2016-08-04 11:15:24

GitHubMySQLSchema

2017-02-13 20:43:45

开源调查工具

2012-06-08 14:32:13

HTML5

2018-11-22 14:39:00

工具开源谷歌

2021-11-27 07:09:39

P 图工具工具应用软件

2023-08-02 07:25:52

在线图片编辑器
点赞
收藏

51CTO技术栈公众号