壓縮圖片,三個(gè)常用壓縮圖片工具網(wǎng)站
身為一名設(shè)計(jì)師,經(jīng)常和前端開(kāi)發(fā)小伙伴打交道。切完圖之后,考慮到包的大小和頁(yè)面加載速度等問(wèn)題,特別是背景圖,banner類(lèi)型圖片,一般都會(huì)壓縮一下。安裝包越小,老板越開(kāi)心有木有。
如果你是運(yùn)營(yíng)汪,當(dāng)你提交信息資料審核時(shí),結(jié)果提示你圖片大小超過(guò)了限定大小,那么你的內(nèi)心肯定是萬(wàn)馬奔騰,然后屁顛屁顛的跑到UI小妹那,幫忙壓縮一下圖片,如果UI正在焦頭爛額的作圖,那么,你慘了,然后一臉的不屑,丟給你三個(gè)字,“我沒(méi)時(shí)間”……
所以今天U妹本著讓老板開(kāi)心,讓你提高工作效率,且不再看臉色的遵旨和精神,推薦3個(gè)圖片壓縮神器,讓你今后圖片壓縮不再求人
1、 TinyPNG
STEP 1 上傳圖片
打開(kāi) TinyPNG 網(wǎng)站后,直接把要壓縮優(yōu)化的圖片圖片拖曳進(jìn)來(lái),或點(diǎn)擊虛線(xià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)得更小,畫(huà)質(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):
無(wú)損壓縮,保證了圖片質(zhì)量
支持多文件同時(shí)壓縮,JPG/PNG均可同時(shí)存在
免費(fèi)使用
缺點(diǎn):目前只能壓縮JPG和PNG文件
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- Photoshop初級(jí)教程-命令的技巧
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 用戶(hù)體驗(yàn),如何讓用戶(hù)心動(dòng)?
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 用戶(hù)體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程