圖片壓縮不求人，3個(gè)親測(cè)實(shí)用的圖片壓縮神器

身為一名設(shè)計(jì)師，經(jīng)常和前端開(kāi)發(fā)小伙伴打交道。切完圖之后，考慮到包的大小和頁(yè)面加載速度等問(wèn)題，特別是背景圖，banner類型圖片，一般都會(huì)壓縮一下。安裝包越小，老板越開(kāi)心有木有。

 

如果你是運(yùn)營(yíng)汪，當(dāng)你提交信息資料審核時(shí)，結(jié)果提示你圖片大小超過(guò)了限定大小，那么你的內(nèi)心肯定是萬(wàn)馬奔騰，然后屁顛屁顛的跑到UI小妹那，幫忙壓縮一下圖片，如果UI正在焦頭爛額的作圖，那么，你慘了，然后一臉的不屑，丟給你三個(gè)字，“我沒(méi)時(shí)間”……

 

讓你提高工作效率，且不再看臉色的遵旨和精神，推薦3個(gè)圖片壓縮神器，讓你今后圖片壓縮不再求人

 

 

1、 TinyPNG    https://tinypng.com/

 

STEP 1 上傳圖片

打開(kāi) TinyPNG 網(wǎng)站后，直接把要壓縮優(yōu)化的圖片圖片拖曳進(jìn)來(lái)，或點(diǎn)擊虛線框區(qū)域選擇你要壓縮的圖片。（一次性可批量壓縮最多20張不超過(guò)5M的JPG或者PNG圖片，自打把這個(gè)網(wǎng)站介紹給前端同事之后，現(xiàn)在他都離不開(kāi)它了。）

 

 

STEP 2 壓縮圖片

 

圖片上傳的同時(shí)，就會(huì)自動(dòng)進(jìn)行壓縮處理，需要注意的是壓縮后的圖片會(huì)變成PNG格式。

 

壓縮后會(huì)顯示原始圖片大小及壓縮后圖片大小和壓縮率，比原本的圖片來(lái)得更小，畫質(zhì)幾乎沒(méi)有影響

 

 

 

STEP 3 圖片下載

 

當(dāng)上傳的所有圖片，壓縮進(jìn)度100%，轉(zhuǎn)態(tài)為綠色時(shí)，壓縮已經(jīng)成功。（當(dāng)壓縮出錯(cuò)會(huì)變?yōu)榧t色，且提示錯(cuò)誤）

 

 

完成后，你可以點(diǎn)擊后方「 download」對(duì)圖片進(jìn)行下載，如果圖片較多，則可以點(diǎn)擊壓縮框下方的「 Download all 」按鈕，進(jìn)行全部下載，會(huì)將所有圖片生成一個(gè).ZIP壓縮包，就ok了

 

 

優(yōu)點(diǎn)：

1. 無(wú)損壓縮，保證了圖片質(zhì)量

2. 支持多文件同時(shí)壓縮，JPG/PNG均可同時(shí)存在

3. 免費(fèi)使用

缺點(diǎn)：  

1. 目前只能壓縮JPG和PNG文件

2. 一次最多不超過(guò)20個(gè)文件，每張圖片大小不超過(guò)5M

 

 

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

 

STEP 1

打開(kāi) Jpeg.io 網(wǎng)站后，直接把要壓縮或轉(zhuǎn)換的文件拖曳進(jìn)來(lái)，或點(diǎn)選下方鏈結(jié)快速?gòu)哪愕脑贫擞脖P批次匯入圖片。目前沒(méi)有限次單次壓縮文件的圖片數(shù)量和大哥文件大小限制，支持圖片格式也相當(dāng)豐富，幾乎任何圖片都能透過(guò) Jpeg.io 來(lái)進(jìn)行壓縮處理。

 

STEP 2

 

將圖片導(dǎo)入 Jpeg.io 后，就會(huì)開(kāi)始進(jìn)行轉(zhuǎn)換和壓縮處理，比較特別的是優(yōu)化后的圖片都會(huì)一律變成 JPG 格式，如果沒(méi)有特定格式要求其實(shí)沒(méi)有關(guān)系。

 

壓縮處理后會(huì)顯示原始圖片大小及壓縮后文件大小，通常會(huì)比原本的圖片來(lái)得更精簡(jiǎn)，畫質(zhì)幾乎沒(méi)有影響，點(diǎn)選后方的 「Download File」 即可下載壓縮后的文件。

 

 

STEP 3

 

將鼠標(biāo)光標(biāo)移動(dòng)到下載鏈接上方，還會(huì)出現(xiàn)圖片預(yù)覽，不過(guò)這么小張好像也無(wú)法看到什么，如果圖片較多，可直接點(diǎn)選右下角「Download All Converted Files」將所有文件打包成Zip文件全部下載。（U妹曾一次性壓縮過(guò)136張圖片，和41.5M PSD源文件，確實(shí)很給力）

 

 

優(yōu)點(diǎn)：

1. 在保證圖像質(zhì)量的前提下壓縮率達(dá)40%-70%

2. 支持多文件、多文件格式同時(shí)壓縮，JPG、PNG、GIF、PSD、SVG等等文件格式

3. 無(wú)大小、無(wú)文件數(shù)量上線限制

 

缺點(diǎn)：  

1. 所有文件壓縮后格式為JPG

2. 文件名是中文情況下，更改了原先的文件名，新文件名為_(kāi)_.jpg

 

 

 

3、 Imagify  https://imagify.io/optimizer/

 

Imagify 是一個(gè) WordPress 外掛，可在用戶上傳圖片時(shí)，利用遠(yuǎn)程服務(wù)器來(lái)進(jìn)行圖片壓縮優(yōu)化，是你想獲得更小尺寸圖片又不損失畫質(zhì)的好選擇。

 

Imagify 除了外掛，也提供在線圖片壓縮功能， Imagify 有三種壓縮模式調(diào)整（讓你選擇要壓縮的程度以及是否破壞畫質(zhì)），免費(fèi)帳戶單張圖片不超過(guò) 5 MB 限制，優(yōu)化圖片會(huì)保存一小時(shí)，你必須在刪除前把圖片手動(dòng)下載下來(lái)。

 

STEP 1

 

打開(kāi) Imagify 網(wǎng)站，選擇上方的「TRY FOR FREE」功能，會(huì)看到如下畫面，簡(jiǎn)單介紹一下如何使用，很簡(jiǎn)單，只要在左側(cè)選擇你要的壓縮模式、輸出設(shè)置（必須注冊(cè)），然后把圖片拖曳到右邊框內(nèi)，就能開(kāi)始?jí)嚎s。

 

 

STEP 2

 

Imagify 有三種壓縮模式：Normal、Aggressive 和 Ultra，預(yù)設(shè)為 Aggressive。

 

Normal 為無(wú)損壓縮，不會(huì)破壞原有圖片的畫質(zhì)，但壓縮程度有限；Aggressive 會(huì)對(duì)圖片產(chǎn)生些許破壞，不過(guò)肉眼幾乎看不出來(lái)，能讓圖片獲得最好的壓縮效果。Ultra 將壓縮發(fā)揮到極致，讓你有最小的圖片容量，但會(huì)對(duì)圖片造成損壞。

 

 

如果沒(méi)有特殊需求，通常使用預(yù)設(shè) Aggressive 就ok了。

 

STEP 3

 

最后把圖片拖曳到右邊框內(nèi)，Imagify 就會(huì)使用它們的算法來(lái)進(jìn)行壓縮處理。壓縮后圖片會(huì)出現(xiàn)在下方，同時(shí)顯示原有圖片大小、壓縮大小、總壓縮率。

 

 

點(diǎn)選圖片最后面的「Download」或者點(diǎn)擊綠色區(qū)域內(nèi)的「Download All Optimized Files」將所有圖片打包下載。

 

 

優(yōu)點(diǎn)：

1. 可自定義壓縮模式設(shè)置

2. 支持JPG、PNG、GIF圖片格式

缺點(diǎn)：  

1. 更高級(jí)的使用需付費(fèi)

2. 單張圖片不得超過(guò)2M

 

 

總結(jié)

 

TinyPNG，經(jīng)典圖片壓縮工具，不足之處就是有最多圖片數(shù)和最大圖片的限制，而Jpeg.io唯一不足就是所有輸出格式都是JPG，其他方面都很優(yōu)秀，再來(lái)看看Imagify，可以自定義壓縮模式和設(shè)置，但想要更好的使用，就需要付費(fèi)了，所以，U妹推薦大家可以將TinyPNG和Jpeg.io結(jié)合使用，具體就看自己如何選擇了！

 

微信公眾號(hào)：UI妹兒