圖片壓縮不求人,3個親測實用高效的圖片壓縮神器

weixin_34194087發表於2017-05-01
5404825-71592f1370c05bce.png
圖片壓縮不求人

身為一名設計師,經常和前端開發小夥伴打交道。切完圖之後,考慮到包的大小和頁面載入速度等問題,特別是背景圖,banner型別圖片,一般都會壓縮一下。安裝包越小,老闆越開心有木有。

如果你是運營汪,當你提交資訊資料稽核時,結果提示你圖片大小超過了限定大小,那麼你的內心肯定是萬馬奔騰,然後屁顛屁顛的跑到UI小妹那,幫忙壓縮一下圖片,如果UI正在焦頭爛額的作圖,那麼,你慘了,然後一臉的不屑,丟給你三個字,“我沒時間”……

所以今天U妹本著讓老闆開心,讓你提高工作效率,且不再看臉色的遵旨和精神,推薦3個圖片壓縮神器,讓你今後圖片壓縮不再求人

1、TinyPNG(https://tinypng.com/)

STEP 1 上傳圖片

開啟 TinyPNG 網站後,直接把要壓縮優化的圖片圖片拖曳進來,或點選虛線框區域選擇你要壓縮的圖片。(一次性可批量壓縮最多20張不超過5M的JPG或者PNG圖片,自打把這個網站介紹給前端同事之後,現在他都離不開它了。)

5404825-eea7588f071be3ba

STEP 2 壓縮圖片

圖片上傳的同時,就會自動進行壓縮處理,需要注意的是壓縮後的圖片會變成PNG格式。

壓縮後會顯示原始圖片大小及壓縮後圖片大小和壓縮率,比原本的圖片來得更小,畫質幾乎沒有影響

5404825-5ccfe9b34520d5b0

STEP 3 圖片下載

當上傳的所有圖片,壓縮排度100%,轉態為綠色時,壓縮已經成功。(當壓縮出錯會變為紅色,且提示錯誤)

5404825-8201dd14975ee4d3


完成後,你可以點選後方「download」對圖片進行下載,如果圖片較多,則可以點選壓縮框下方的「Download all」按鈕,進行全部下載,會將所有圖片生成一個.ZIP壓縮包,就ok了

5404825-c10965752ed53883


優點:

無失真壓縮,保證了圖片質量

支援多檔案同時壓縮,JPG/PNG均可同時存在

免費使用

缺點:

目前只能壓縮JPG和PNG檔案

一次最多不超過20個檔案,每張圖片大小不超過5M


2、Jpeg.io(https://www.jpeg.io/)

STEP 1

開啟 Jpeg.io 網站後,直接把要壓縮或轉換的檔案拖曳進來,或點選下方鏈結快速從你的雲端硬碟批次匯入圖片。目前沒有限次單次壓縮檔案的圖片數量和大哥檔案大小限制,支援圖片格式也相當豐富,幾乎任何圖片都能透過 Jpeg.io 來進行壓縮處理。

5404825-ce8407866d9775e6

STEP 2

將圖片匯入 Jpeg.io 後,就會開始進行轉換和壓縮處理,比較特別的是優化後的圖片都會一律變成 JPG 格式,如果沒有特定格式要求其實沒有關係。

壓縮處理後會顯示原始圖片大小及壓縮後檔案大小,通常會比原本的圖片來得更精簡,畫質幾乎沒有影響,點選後方的「Download File」即可下載壓縮後的檔案。

5404825-76af5f7e75cd9e32

STEP 3

將滑鼠游標移動到下載連結上方,還會出現圖片預覽,不過這麼小張好像也無法看到什麼,如果圖片較多,可直接點選右下角「Download All Converted Files」將所有檔案打包成Zip檔案全部下載。(U妹曾一次性壓縮過136張圖片,和41.5M PSD原始檔,確實很給力)

5404825-16c06314140f5c02
5404825-dbf12e3f5bde4808

優點:

在保證影象質量的前提下壓縮率達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」功能,會看到如下畫面,簡單介紹一下如何使用,很簡單,只要在左側選擇你要的壓縮模式、輸出設定(必須註冊),然後把圖片拖曳到右邊框內,就能開始壓縮。

5404825-52ca4161c694edfa

STEP 2

Imagify 有三種壓縮模式:Normal、Aggressive 和 Ultra,預設為 Aggressive。

Normal 為無失真壓縮,不會破壞原有圖片的畫質,但壓縮程度有限;Aggressive 會對圖片產生些許破壞,不過肉眼幾乎看不出來,能讓圖片獲得最好的壓縮效果。Ultra 將壓縮發揮到極致,讓你有最小的圖片容量,但會對圖片造成損壞。

5404825-56252f035a72125f

如果沒有特殊需求,通常使用預設 Aggressive 就ok了。

STEP 3

最後把圖片拖曳到右邊框內,Imagify 就會使用它們的演算法來進行壓縮處理。壓縮後圖片會出現在下方,同時顯示原有圖片大小、壓縮大小、總壓縮率。

5404825-f67d2095ae66276c

點選圖片最後面的「Download」或者點選綠色區域內的「Download All Optimized Files」將所有圖片打包下載。

5404825-c468027a79d1eea2

優點:

可自定義壓縮模式設定

支援JPG、PNG、GIF圖片格式

缺點:

更高階的使用需付費

單張圖片不得超過2M


總結

TinyPNG,經典圖片壓縮工具,不足之處就是有最多圖片數和最大圖片的限制,而Jpeg.io唯一不足就是所有輸出格式都是JPG,其他方面都很優秀,再來看看Imagify,可以自定義壓縮模式和設定,但想要更好的使用,就需要付費了,所以,U妹推薦大家可以將TinyPNG和Jpeg.io結合使用,具體就看自己如何選擇了!

請複製相應的網址在瀏覽器中開啟即可

5404825-5e23feffd06df5ec

-END-

UI妹兒|越努力,越幸運

精選  |  乾貨  |  經驗  |  分享  |  資源

相關文章