當前位置:首頁>軟件教程>AI教程>教程內容

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

來源:ifeiwu 作者:飛屋睿UIdesign 學習:13132人次

三、PNG-8文件格式

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

四、JPEG文件格式

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

存儲技巧,講解AI存儲為WEB所用格式的一些知識_theoat.com.cn

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

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

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

五、PNG-24文件格式

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

存儲技巧,講解AI存儲為WEB所用格式的一些知識_theoat.com.cn

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

存儲技巧,講解AI存儲為WEB所用格式的一些知識_theoat.com.cn

后記

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

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!