tinypng upload一鍵壓縮上傳工具

hlcc 發布于2019-08-22 18:18 / 1571人閱讀

摘要：關于這是一個基于的圖片壓縮上傳工具，壓縮過程主要通過調用提供的完成。因為是桌面端，所以很方便我們將圖片拖拽到任務托盤進行壓縮上傳，極大地提升了前端的工作效率，可以讓我們更專注于業務開發。

地址

項目地址：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在線壓縮圖片壓縮工具一鍵部署工具一鍵建站工具

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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