壓縮圖片,三個(gè)常用壓縮圖片工具網(wǎng)站(4)

來源:站酷 作者:小小方方 學(xué)習(xí):7879人次
身為一名設(shè)計(jì)師,經(jīng)常和前端開發(fā)小伙伴打交道。切完圖之后,考慮到包的大小和頁面加載速度等問題,特別是背景圖,banner類型圖片,一般都會(huì)壓縮一下。安裝包越小,老板越開心有木有。

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

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

1、 TinyPNG

STEP 1 上傳圖片

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

壓縮圖片,三個(gè)常用壓縮圖片工具網(wǎng)站_m.tgudhdp.cn
m.tgudhdp.cn

STEP 2 壓縮圖片

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

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

壓縮圖片,三個(gè)常用壓縮圖片工具網(wǎng)站_m.tgudhdp.cn

STEP 3 圖片下載

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

壓縮圖片,三個(gè)常用壓縮圖片工具網(wǎng)站_m.tgudhdp.cn

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

壓縮圖片,三個(gè)常用壓縮圖片工具網(wǎng)站_m.tgudhdp.cn

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

無損壓縮,保證了圖片質(zhì)量

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

免費(fèi)使用

缺點(diǎn):

目前只能壓縮JPG和PNG文件

一次最多不超過20個(gè)文件,每張圖片大小不超過5M

2、 Jpeg.io

STEP 1

打開 Jpeg.io 網(wǎng)站后,直接把要壓縮或轉(zhuǎn)換的文件拖曳進(jìn)來,或點(diǎn)選下方鏈結(jié)快速從你的云端硬盤批次匯入圖片。目前沒有限次單次壓縮文件的圖片數(shù)量和大哥文件大小限制,支持圖片格式也相當(dāng)豐富,幾乎任何圖片都能透過 Jpeg.io 來進(jìn)行壓縮處理。

壓縮圖片,三個(gè)常用壓縮圖片工具網(wǎng)站_m.tgudhdp.cn

STEP 2

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

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

壓縮圖片,三個(gè)常用壓縮圖片工具網(wǎng)站_m.tgudhdp.cn

STEP 3

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

壓縮圖片,三個(gè)常用壓縮圖片工具網(wǎng)站_m.tgudhdp.cn

壓縮圖片,三個(gè)常用壓縮圖片工具網(wǎng)站_m.tgudhdp.cn

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

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

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

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

缺點(diǎn):

所有文件壓縮后格式為JPG

文件名是中文情況下,更改了原先的文件名,新文件名為__.jpg

3、 Imagify

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

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

STEP 1

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

壓縮圖片,三個(gè)常用壓縮圖片工具網(wǎng)站_m.tgudhdp.cn

STEP 2

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

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

壓縮圖片,三個(gè)常用壓縮圖片工具網(wǎng)站_m.tgudhdp.cn

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

STEP 3

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

壓縮圖片,三個(gè)常用壓縮圖片工具網(wǎng)站_m.tgudhdp.cn

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

壓縮圖片,三個(gè)常用壓縮圖片工具網(wǎng)站_m.tgudhdp.cn

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

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

支持JPG、PNG、GIF圖片格式

缺點(diǎn):

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

單張圖片不得超過2M

總結(jié)

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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!