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