地址
專案地址：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的心路歷程。