tinypng upload一键压缩上传工具

hlcc 发布于2019-08-22 18:18 / 1552人阅读

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

地址

项目地址：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的心路历程。

云服务器 GPU云服务器 tinypng在线压缩图片压缩工具一键部署工具一键建站工具

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/95722.html

开箱即用-简洁实用的ImgURL图床相册程序和Zdir目录列表程序(文件管理器）

摘要：本篇文章就来分享一下两款开箱即用上手容易的图床相册程序和在线文件管理器目录列表程序，由好友开发并维护，非常适合个人站长用作图床相册和文件下载分享。虽然说现在照片还有文件存储等都可以上传到网盘中，但是国内的网盘与国外的网盘存储还有点不一样。以百度网盘与Dropbox对比为例，百度网盘顶多算是一个个人用来存放私人照片和文件的网络硬盘，如果用来分享的话很容易被百度限制或者取消下载。很多的个人站长为...

番茄西红柿 2021-07-30 14:58 评论0 收藏2637
【长期更新】盘一盘那些 uTools 高质量插件，让你的工作效率瞬间提升N倍！

摘要：参考增强神器，文档搜索效率何止翻倍推荐系数图片展示快速获取文件文件夹名称插件来源开发者插件介绍如名，鼠标选中文件或者文件夹，点击鼠标中键激活插件即可将文件文件夹名称复制到剪切板。 ...

remcarpediem 2021-09-02 15:41 评论0 收藏0
非常实用的在线工具网站清单

摘要：文章目录在线图片压缩在线压缩最好用的切图工具在线工具一键抠图免费字体免费素材图片和视频中国风配色网站免费壁纸免费短连接在线在线代码编辑在线流程图思维导图在线图片压缩传送门在线图片压缩网站已经优化超过十亿张图片，支持，，等格式的图片的压缩。 ...

XanaHopper 2021-11-18 10:02 评论0 收藏0
前端常用插件、工具类库汇总

摘要：页面调试腾讯开发维护的代码调试发布，错误监控上报，用户问题定位。同样是由腾讯开发维护的代码调试工具，是针对移动端的调试工具。前端业务代码工具库。动画库动画库，也是目前通用的动画库。本人微信公众号：前端修炼之路，欢迎关注本篇文章整理自己使用过的和看到过的一些插件和工具，方便日后自己查找和使用。另外，感谢白小明，文中很多的工具来源于此。弹出框 layer：http://layer....

GitCafe 2019-08-23 13:57 评论0 收藏0
vue-cli3 搭建的前端项目基础模板

摘要：基于搭建的前端模板，本仓库，即可搭建完成一个新项目的基础模板，源码地址，欢迎或特性预编译语言，做了一定的封装，详见雪碧图移动的适配方案引入了及，可以自由地用去开发常用的工具类引用全局注入相关的文件，如通用的及等常用的的集合支持基于 vue-cli3 搭建的前端模板，clone 本仓库，即可搭建完成一个新项目的基础模板，源码地址，欢迎 star 或 fork 特性 CSS 预编译语言...

william 2019-08-26 12:24 评论0 收藏0