tinypng upload一键压缩上传工具

2024-05-21 06:37:39

地址

项目地址：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
本文来源：掘金如需转载请联系原作者

tinypng upload一键压缩上传工具相关推荐

C++-Nuget包一键打包-上传工具开发分享
前言网上找了写打包工具,感觉都不太好用,于是决定自己开发一个Nuget包工具. 使用说明为了实现方便起见,使用软件前有部分约定需要遵守,否则无法正确使用该工具: 应配置好环境变量,使得能在命令行中 ...
spring boot 文件上传工具类（bug 已修改）
以前的文件上传都是之前前辈写的,现在自己来写一个,大家可以看看,有什么问题可以在评论中提出来. 写的这个文件上传是在spring boot 2.0中测试的,测试了,可以正常上传,下面贴代码第一步:引 ...
写给大忙人看的 - Java中图片压缩上传至MinIO服务器（4）
之前文章已经介绍了 MinIO 的环境搭建,已经对文件的上传下载方法,本篇文章一起与大家来学习图片压缩上传的方法 1.背景最近客户总抱怨 APP 中图片显示较慢, 升级服务器带宽又没有多的预算.查看 ...
java 图片合成工具类_Java实现的图片上传工具类完整实例
本文实例讲述了Java实现的图片上传工具类.分享给大家供大家参考,具体如下: package com.gcloud.common; import javax.imageio.ImageIO; impo ...
阿里云文件上传工具类
文件实体类 @Data public class UploadFile {private String fileName;private String fileType;private long fi ...
电商前台模板中文html5_跨境电商平台上产品如何上传？虾皮新版批量上传工具使用指南分享...
大家好,这里是天师跨境,今天来为电商新人们解答一下关于如何在跨境电商平台上上传产品的疑惑,顺便介绍一下虾皮跨境平台的新版批量上传工具是如何使用的. 在跨境电商平台上开店的新手们在入驻成功后,一般最先面 ...
分享一个文件上传工具类
文件上传状态枚举类: View Code 1 package com.hoo.enums; 2 3 4 5 /** 6 7 * <b>function:</b> 文件上传状态 ...
前端图片压缩上传(纯js的质量压缩，非长宽压缩)
前端图片压缩上传(纯js的质量压缩,非长宽压缩) 此demo为大于1M对图片进行压缩上传若小于1M则原图上传,可以根据自己实际需求更改. demo源码如下: <!DOCTYPE html> ...
web 前端图片优化之--图片压缩上传
移动前端-图片压缩上传实践此前有同事跟我聊过关于移动端用canvas压缩图片后再上传的功能,最近有了点空闲时间,所以就实践了一下.demo效果链接在文章底部贴出. 在做移动端图片上传的时候,用户传 ...

最新文章

热门文章