身為一名設(shè)計師，經(jīng)常和前端開發(fā)小伙伴打交道瞪浸。切完圖之后儒将，考慮到包的大小和頁面加載速度等問題，特別是背景圖对蒲，banner類型圖片钩蚊，一般都會壓縮一下。安裝包越小蹈矮，老板越開心有木有砰逻。
如果你是運營汪，當你提交信息資料審核時泛鸟，結(jié)果提示你圖片大小超過了限定大小蝠咆，那么你的內(nèi)心肯定是萬馬奔騰，然后屁顛屁顛的跑到UI小妹那，幫忙壓縮一下圖片刚操，如果UI正在焦頭爛額的作圖闸翅，那么，你慘了菊霜，然后一臉的不屑坚冀，丟給你三個字，“我沒時間”……
所以今天U妹本著讓老板開心鉴逞，讓你提高工作效率记某，且不再看臉色的遵旨和精神，推薦3個圖片壓縮神器华蜒，讓你今后圖片壓縮不再求人
1辙纬、TinyPNG（https://tinypng.com/）
STEP 1 上傳圖片
打開 TinyPNG 網(wǎng)站后，直接把要壓縮優(yōu)化的圖片圖片拖曳進來叭喜，或點擊虛線框區(qū)域選擇你要壓縮的圖片贺拣。（一次性可批量壓縮最多20張不超過5M的JPG或者PNG圖片，自打把這個網(wǎng)站介紹給前端同事之后捂蕴，現(xiàn)在他都離不開它了譬涡。）
STEP 2 壓縮圖片
圖片上傳的同時，就會自動進行壓縮處理啥辨，需要注意的是壓縮后的圖片會變成PNG格式涡匀。
壓縮后會顯示原始圖片大小及壓縮后圖片大小和壓縮率，比原本的圖片來得更小溉知，畫質(zhì)幾乎沒有影響
STEP 3 圖片下載
當上傳的所有圖片陨瘩，壓縮進度100%，轉(zhuǎn)態(tài)為綠色時级乍，壓縮已經(jīng)成功舌劳。（當壓縮出錯會變?yōu)榧t色，且提示錯誤）
完成后玫荣，你可以點擊后方「download」對圖片進行下載甚淡，如果圖片較多，則可以點擊壓縮框下方的「Download all」按鈕捅厂，進行全部下載贯卦，會將所有圖片生成一個.ZIP壓縮包，就ok了
優(yōu)點：
無損壓縮焙贷，保證了圖片質(zhì)量
支持多文件同時壓縮撵割，JPG/PNG均可同時存在
免費使用
缺點：
目前只能壓縮JPG和PNG文件
一次最多不超過20個文件，每張圖片大小不超過5M
2盈厘、Jpeg.io（https://www.jpeg.io/）
STEP 1
打開 Jpeg.io 網(wǎng)站后睁枕，直接把要壓縮或轉(zhuǎn)換的文件拖曳進來，或點選下方鏈結(jié)快速從你的云端硬盤批次匯入圖片。目前沒有限次單次壓縮文件的圖片數(shù)量和大哥文件大小限制外遇，支持圖片格式也相當豐富注簿，幾乎任何圖片都能透過 Jpeg.io 來進行壓縮處理。
STEP 2
將圖片導(dǎo)入 Jpeg.io 后跳仿，就會開始進行轉(zhuǎn)換和壓縮處理诡渴，比較特別的是優(yōu)化后的圖片都會一律變成 JPG 格式，如果沒有特定格式要求其實沒有關(guān)系菲语。
壓縮處理后會顯示原始圖片大小及壓縮后文件大小妄辩，通常會比原本的圖片來得更精簡，畫質(zhì)幾乎沒有影響山上，點選后方的「Download File」即可下載壓縮后的文件眼耀。
STEP 3
將鼠標光標移動到下載鏈接上方，還會出現(xiàn)圖片預(yù)覽佩憾，不過這么小張好像也無法看到什么哮伟，如果圖片較多，可直接點選右下角「Download All Converted Files」將所有文件打包成Zip文件全部下載妄帘。（U妹曾一次性壓縮過136張圖片楞黄，和41.5M PSD源文件，確實很給力）
優(yōu)點：
在保證圖像質(zhì)量的前提下壓縮率達40%-70%
支持多文件抡驼、多文件格式同時壓縮鬼廓，JPG、PNG致盟、GIF碎税、PSD、SVG等等文件格式
無大小馏锡、無文件數(shù)量上線限制
缺點：
所有文件壓縮后格式為JPG
文件名是中文情況下蚣录，更改了原先的文件名，新文件名為__.jpg
3眷篇、Imagify（https://imagify.io/optimizer/）
Imagify 是一個 WordPress 外掛，可在用戶上傳圖片時吭历，利用遠程服務(wù)器來進行圖片壓縮優(yōu)化尽楔，是你想獲得更小尺寸圖片又不損失畫質(zhì)的好選擇作彤。
Imagify 除了外掛，也提供在線圖片壓縮功能昧港， Imagify 有三種壓縮模式調(diào)整（讓你選擇要壓縮的程度以及是否破壞畫質(zhì)），免費帳戶單張圖片不超過 5 MB 限制支子，優(yōu)化圖片會保存一小時创肥，你必須在刪除前把圖片手動下載下來。
STEP 1
打開 Imagify 網(wǎng)站，選擇上方的「TRY FOR FREE」功能叹侄，會看到如下畫面巩搏，簡單介紹一下如何使用，很簡單趾代，只要在左側(cè)選擇你要的壓縮模式贯底、輸出設(shè)置（必須注冊），然后把圖片拖曳到右邊框內(nèi)撒强，就能開始壓縮禽捆。
STEP 2
Imagify 有三種壓縮模式：Normal、Aggressive 和 Ultra飘哨，預(yù)設(shè)為 Aggressive胚想。
Normal 為無損壓縮，不會破壞原有圖片的畫質(zhì)芽隆，但壓縮程度有限浊服；Aggressive 會對圖片產(chǎn)生些許破壞，不過肉眼幾乎看不出來摆马，能讓圖片獲得最好的壓縮效果臼闻。Ultra 將壓縮發(fā)揮到極致，讓你有最小的圖片容量囤采，但會對圖片造成損壞述呐。
如果沒有特殊需求，通常使用預(yù)設(shè) Aggressive 就ok了蕉毯。
STEP 3
最后把圖片拖曳到右邊框內(nèi)乓搬，Imagify 就會使用它們的算法來進行壓縮處理。壓縮后圖片會出現(xiàn)在下方代虾，同時顯示原有圖片大小进肯、壓縮大小、總壓縮率棉磨。
點選圖片最后面的「Download」或者點擊綠色區(qū)域內(nèi)的「Download All Optimized Files」將所有圖片打包下載江掩。
優(yōu)點：
可自定義壓縮模式設(shè)置
支持JPG、PNG乘瓤、GIF圖片格式
缺點：
更高級的使用需付費
單張圖片不得超過2M
總結(jié)
TinyPNG环形，經(jīng)典圖片壓縮工具，不足之處就是有最多圖片數(shù)和最大圖片的限制衙傀，而Jpeg.io唯一不足就是所有輸出格式都是JPG抬吟，其他方面都很優(yōu)秀，再來看看Imagify统抬，可以自定義壓縮模式和設(shè)置火本，但想要更好的使用危队，就需要付費了，所以钙畔，U妹推薦大家可以將TinyPNG和Jpeg.io結(jié)合使用茫陆，具體就看自己如何選擇了！
請復(fù)制相應(yīng)的網(wǎng)址在瀏覽器中打開即可
-END-
UI妹兒|越努力刃鳄，越幸運
精選 ?| ?干貨 ?| ?經(jīng)驗 ?| ?分享 ?| ?資源
