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的心路歷程。