地址

项目地址：tinypng-upload

有兴趣的可以玩一玩，因为平时经常会用到图片压缩，上传，如果你也觉得很繁琐的话，这个将会解决你的痛点。

关于 tinypng-upload

这是一个基于 electron的图片压缩上传工具，压缩过程主要通过调用tinypng提供的API完成。上传配置参考iView的文件上传配置。 因为是桌面端，所以很方便我们将图片拖拽到任务托盘进行压缩上传，极大地提升了前端的工作效率，可以让我们更专注于业务开发。

操作过程：

作者：muwoo
链接：https://juejin.im/post/5b3239d36fb9a00e9e59d932
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

压缩前后体积对比（图片压缩完成已自动上传到指的CDN）：

使用

1. 下载可执行文件

因为暂时没有发布到应用商店，所以需要自己编译出可执行文件：

git clone https://github.com/muwoo/tinypng-upload.git
cd tinypng-upload
npm i
npm run build

然后会在build目录下生成对应的可执行文件，运行改文件即可

2. 配置tinypng API key

因为该项目压缩过程是通过调用 tinypng API来实现的，所以我们需要去tinypng网站上注册一个API key：

然后将该值粘贴到我们的配置一栏中：

只不过有一点限制，免费的每个月可以压缩 500 张图片。github 上也有人通过循环注册的过程，生成了多个账户API key达到近似于不限制压缩次数的目的。有兴趣也可以了解一下~

3. 配置压缩后图片上传请求

压缩完成之后，我们希望图片可以直接上传到我们公司的CDN上，tiny-png upload上传参考了iView的图片上传参数和设置：上传 upload

原文发布时间为：2018年06月26日
作者：muwoo
本文来源：掘金  如需转载请联系原作者

新人创作打卡挑战赛发博客就能抽奖！定制产品红包拿不停！