tinypng upload一键压缩上传工具

地址

项目地址：tinypng-upload

有兴趣的能够玩一玩，由于平时常常会用到图片压缩，上传，若是你也以为很繁琐的话，这个将会解决你的痛点。

关于 tinypng-upload

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

操做过程：

压缩先后体积对比（图片压缩完成已自动上传到指的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

Property	Decription	Type	Default
action	Upload request URL, required.	String	-
headers	Upload request header.	Object	{}
data	Extra data with upload request.	Object	{}
name	The key in upload request targeting to the file.	String	file
with-credentials	Enable certification info in Cookie or not.	Boolean	false

灵感来源

以前在掘金上看了一篇关于electron图片上传的工具PicGo，很感谢做者提供的文章参考PicGo的star数破1000的心路历程。