當(dāng)前位置:首頁>軟件教程>AI教程>教程內(nèi)容

存儲(chǔ)技巧,講解AI存儲(chǔ)為WEB所用格式的一些知識(shí)(3)

來源:ifeiwu 作者:飛屋睿UIdesign 學(xué)習(xí):13132人次

三、PNG-8文件格式

PNG格式通常比GIF更為常用,也更受歡迎。其中,PNG-8就類似于顏色為256,勾選透明度并且支持仿色的GIF。這里的“8”的意思就是指的8位的圖片。那么和GIF之間的區(qū)別在于壓縮圖片的方式不同。GIF使用的是“有損耗”的辦法,這種辦法就是采用丟失部分?jǐn)?shù)據(jù)的方式來達(dá)到讓文件變得更小的目標(biāo)。而PNG是無損的,由于其所使用的壓縮的算法,使得最終的文件大小明顯小于GIF。那么問題來了,在可以使用PNG的時(shí)候,為什么還要用GIF呢?因?yàn),很遺憾,不是所有的瀏覽器都支持PNG格式(比如IE6就不支持!IE啊……一直的疼)。但是隨著更多人升級(jí)了瀏覽器,慢慢這個(gè)問題也就不會(huì)存在了。所以,下次果斷將GIF替換為PNG-8,他們的設(shè)置幾乎相差不大。你已經(jīng)很熟悉了不是嗎?

四、JPEG文件格式

JPEG格式原本是用來壓縮照片的,現(xiàn)在也可以用在有顏色過渡的矢量圖。JPEG格式是24位的,所以也就意味著它可以支持1600萬種顏色。JEPG的壓縮方式是有損的,如果你試著壓縮得太過,圖片的品質(zhì)也會(huì)下降。

存儲(chǔ)技巧,講解AI存儲(chǔ)為WEB所用格式的一些知識(shí)_tgudhdp.cn

你可以勾選“連續(xù)”的選項(xiàng)來進(jìn)行多線程加載圖片,也可以通過給圖片添加模糊的辦法來降低圖片品質(zhì)上的瑕疵,但這兩種辦法既不不十分理想,也沒有實(shí)際的必要。它們都是在撥號(hào)上網(wǎng)的舊時(shí)代才用上的了。

和GIF以及PNG-8一樣,你可以選擇圖片的優(yōu)化辦法或者選擇是否剪切圖片到畫板,你還可以具體設(shè)置圖片的尺寸大小。但JEPG沒有顏色表,因?yàn)镴EPG是用的RGB的顏色模式,而不是索引顏色模式。

JPEG適用于顏色過渡的圖片,但是如果是色彩是比較平面的色塊的話,它的表現(xiàn)就不是很好。

五、PNG-24文件格式

PNG-24的格式,顧名思義就是指的24位的圖片。從某些方面來說,它融合了GIF和JPEG的好處,是一種較優(yōu)的格式。就像JPEG,它可以支持上千萬種顏色,PNG-24可以用于一些經(jīng)過模糊處理或者漸變過渡的陰影。但這些就會(huì)增加圖片的大小,造成加載上的困難。

存儲(chǔ)技巧,講解AI存儲(chǔ)為WEB所用格式的一些知識(shí)_tgudhdp.cn

但與此同時(shí)你要考慮到PNG格式的圖片是透明背景,雖然采用JEPG格式品質(zhì)不會(huì)丟失且品質(zhì)也比較高,但PNG格式的圖片可以允許你將作品放到任何背景之上,權(quán)衡這一靈活性,也許你也不得不選擇PNG了。就如下圖這樣,用PNG-24導(dǎo)出后,可以置于任何的紋理背景上。

存儲(chǔ)技巧,講解AI存儲(chǔ)為WEB所用格式的一些知識(shí)_tgudhdp.cn

后記

那些還為輸出圖片而發(fā)愁的小伙伴們記住了嗎?其實(shí)每種格式都是優(yōu)缺點(diǎn)共存的,大家在實(shí)際項(xiàng)目中要多嘗試才能找出最好的解決的方案。另存為WEB格式這一工具歷來都在設(shè)計(jì)流程中處于最末尾的環(huán)節(jié),因此也并沒有引起大家的思考和重視,希望我的這篇文章能有所幫助。

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

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

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

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