圖片壓縮不求人,3個親測實用高效的圖片壓縮神器
身為一名設計師,經常和前端開發小夥伴打交道。切完圖之後,考慮到包的大小和頁面載入速度等問題,特別是背景圖,banner型別圖片,一般都會壓縮一下。安裝包越小,老闆越開心有木有。
如果你是運營汪,當你提交資訊資料稽核時,結果提示你圖片大小超過了限定大小,那麼你的內心肯定是萬馬奔騰,然後屁顛屁顛的跑到UI小妹那,幫忙壓縮一下圖片,如果UI正在焦頭爛額的作圖,那麼,你慘了,然後一臉的不屑,丟給你三個字,“我沒時間”……
所以今天U妹本著讓老闆開心,讓你提高工作效率,且不再看臉色的遵旨和精神,推薦3個圖片壓縮神器,讓你今後圖片壓縮不再求人
1、TinyPNG(https://tinypng.com/)
STEP 1 上傳圖片
開啟 TinyPNG 網站後,直接把要壓縮優化的圖片圖片拖曳進來,或點選虛線框區域選擇你要壓縮的圖片。(一次性可批量壓縮最多20張不超過5M的JPG或者PNG圖片,自打把這個網站介紹給前端同事之後,現在他都離不開它了。)
STEP 2 壓縮圖片
圖片上傳的同時,就會自動進行壓縮處理,需要注意的是壓縮後的圖片會變成PNG格式。
壓縮後會顯示原始圖片大小及壓縮後圖片大小和壓縮率,比原本的圖片來得更小,畫質幾乎沒有影響
STEP 3 圖片下載
當上傳的所有圖片,壓縮排度100%,轉態為綠色時,壓縮已經成功。(當壓縮出錯會變為紅色,且提示錯誤)
完成後,你可以點選後方「download」對圖片進行下載,如果圖片較多,則可以點選壓縮框下方的「Download all」按鈕,進行全部下載,會將所有圖片生成一個.ZIP壓縮包,就ok了
優點:
無失真壓縮,保證了圖片質量
支援多檔案同時壓縮,JPG/PNG均可同時存在
免費使用
缺點:
目前只能壓縮JPG和PNG檔案
一次最多不超過20個檔案,每張圖片大小不超過5M
2、Jpeg.io(https://www.jpeg.io/)
STEP 1
開啟 Jpeg.io 網站後,直接把要壓縮或轉換的檔案拖曳進來,或點選下方鏈結快速從你的雲端硬碟批次匯入圖片。目前沒有限次單次壓縮檔案的圖片數量和大哥檔案大小限制,支援圖片格式也相當豐富,幾乎任何圖片都能透過 Jpeg.io 來進行壓縮處理。
STEP 2
將圖片匯入 Jpeg.io 後,就會開始進行轉換和壓縮處理,比較特別的是優化後的圖片都會一律變成 JPG 格式,如果沒有特定格式要求其實沒有關係。
壓縮處理後會顯示原始圖片大小及壓縮後檔案大小,通常會比原本的圖片來得更精簡,畫質幾乎沒有影響,點選後方的「Download File」即可下載壓縮後的檔案。
STEP 3
將滑鼠游標移動到下載連結上方,還會出現圖片預覽,不過這麼小張好像也無法看到什麼,如果圖片較多,可直接點選右下角「Download All Converted Files」將所有檔案打包成Zip檔案全部下載。(U妹曾一次性壓縮過136張圖片,和41.5M PSD原始檔,確實很給力)
優點:
在保證影象質量的前提下壓縮率達40%-70%
支援多檔案、多檔案格式同時壓縮,JPG、PNG、GIF、PSD、SVG等等檔案格式
無大小、無檔案數量上線限制
缺點:
所有檔案壓縮後格式為JPG
檔名是中文情況下,更改了原先的檔名,新檔名為__.jpg
3、Imagify(https://imagify.io/optimizer/)
Imagify 是一個 WordPress 外掛,可在使用者上傳圖片時,利用遠端伺服器來進行圖片壓縮優化,是你想獲得更小尺寸圖片又不損失畫質的好選擇。
Imagify 除了外掛,也提供線上圖片壓縮功能, Imagify 有三種壓縮模式調整(讓你選擇要壓縮的程度以及是否破壞畫質),免費帳戶單張圖片不超過 5 MB 限制,優化圖片會儲存一小時,你必須在刪除前把圖片手動下載下來。
STEP 1
開啟 Imagify 網站,選擇上方的「TRY FOR FREE」功能,會看到如下畫面,簡單介紹一下如何使用,很簡單,只要在左側選擇你要的壓縮模式、輸出設定(必須註冊),然後把圖片拖曳到右邊框內,就能開始壓縮。
STEP 2
Imagify 有三種壓縮模式:Normal、Aggressive 和 Ultra,預設為 Aggressive。
Normal 為無失真壓縮,不會破壞原有圖片的畫質,但壓縮程度有限;Aggressive 會對圖片產生些許破壞,不過肉眼幾乎看不出來,能讓圖片獲得最好的壓縮效果。Ultra 將壓縮發揮到極致,讓你有最小的圖片容量,但會對圖片造成損壞。
如果沒有特殊需求,通常使用預設 Aggressive 就ok了。
STEP 3
最後把圖片拖曳到右邊框內,Imagify 就會使用它們的演算法來進行壓縮處理。壓縮後圖片會出現在下方,同時顯示原有圖片大小、壓縮大小、總壓縮率。
點選圖片最後面的「Download」或者點選綠色區域內的「Download All Optimized Files」將所有圖片打包下載。
優點:
可自定義壓縮模式設定
支援JPG、PNG、GIF圖片格式
缺點:
更高階的使用需付費
單張圖片不得超過2M
總結
TinyPNG,經典圖片壓縮工具,不足之處就是有最多圖片數和最大圖片的限制,而Jpeg.io唯一不足就是所有輸出格式都是JPG,其他方面都很優秀,再來看看Imagify,可以自定義壓縮模式和設定,但想要更好的使用,就需要付費了,所以,U妹推薦大家可以將TinyPNG和Jpeg.io結合使用,具體就看自己如何選擇了!
請複製相應的網址在瀏覽器中開啟即可
-END-
UI妹兒|越努力,越幸運
精選 | 乾貨 | 經驗 | 分享 | 資源
相關文章
- 圖片壓縮怎樣操作?分享幾種實用的批次圖片壓縮技巧
- 前端圖片壓縮 - H5&Uni-App圖片壓縮前端H5APP
- ??圖片壓縮CanvasCanvas
- IOS圖片壓縮iOS
- canvas 壓縮圖片Canvas
- 前端的圖片壓縮image-compressor(可在圖片上傳前實現圖片壓縮)前端
- Nginx網路壓縮 CSS壓縮 圖片壓縮 JSON壓縮NginxCSSJSON
- JNI實現圖片壓縮
- 圖片壓縮知識梳理(0) 圖片壓縮學習計劃
- png格式如何壓縮,圖片壓縮工具哪個好
- iOS 圖片壓縮方法iOS
- 前端圖片壓縮方案前端
- 利用 canvas 實現圖片壓縮Canvas
- JPEG Jackal pro for Mac(jpeg圖片壓縮神器)Mac
- SmallImage for Mac(圖片壓縮工具)Mac
- js上傳圖片壓縮JS
- js圖片壓縮推薦JS
- android下圖片壓縮Android
- java後臺壓縮圖片Java
- 【前端】壓縮圖片以及圖片相關概念前端
- vue 上傳圖片進行壓縮圖片Vue
- Android壓縮圖片後再上傳圖片Android
- 簡單實用的android 圖片的壓縮Android
- Bitmap的圖片壓縮彙總
- 圖片純前端JS壓縮的實現前端JS
- excel檔案裡的圖片怎麼壓縮?excel檔案裡圖片的壓縮方法Excel
- 怎麼轉換圖片格式並壓縮圖片
- Android 載入大圖片,不壓縮圖片Android
- iOS開發中壓縮圖片的質量以及縮小圖片尺寸iOS
- 圖片壓縮演算法 3M壓縮到200K演算法
- 前端圖片壓縮及上傳前端
- Image Optimizer for Mac(圖片壓縮工具)Mac
- js 壓縮圖片 H5JSH5
- 影像體積壓縮工具JPEG Jackal更好的壓縮圖片
- layui中實現上傳圖片壓縮UI
- web前端實現圖片壓縮處理Web前端
- android圖片壓縮不失真實戰Android
- 純前端實現 JPG 圖片壓縮 | canvas前端Canvas