存儲(chǔ)技巧,講解AI存儲(chǔ)為WEB所用格式的一些知識(shí)(3)
PNG格式通常比GIF更為常用,也更受歡迎。其中,PNG-8就類(lèi)似于顏色為256,勾選透明度并且支持仿色的GIF。這里的“8”的意思就是指的8位的圖片。那么和GIF之間的區(qū)別在于壓縮圖片的方式不同。GIF使用的是“有損耗”的辦法,這種辦法就是采用丟失部分?jǐn)?shù)據(jù)的方式來(lái)達(dá)到讓文件變得更小的目標(biāo)。而PNG是無(wú)損的,由于其所使用的壓縮的算法,使得最終的文件大小明顯小于GIF。那么問(wèn)題來(lái)了,在可以使用PNG的時(shí)候,為什么還要用GIF呢?因?yàn),很遺憾,不是所有的瀏覽器都支持PNG格式(比如IE6就不支持!IE啊……一直的疼)。但是隨著更多人升級(jí)了瀏覽器,慢慢這個(gè)問(wèn)題也就不會(huì)存在了。所以,下次果斷將GIF替換為PNG-8,他們的設(shè)置幾乎相差不大。你已經(jīng)很熟悉了不是嗎?
四、JPEG文件格式JPEG格式原本是用來(lái)壓縮照片的,現(xiàn)在也可以用在有顏色過(guò)渡的矢量圖。JPEG格式是24位的,所以也就意味著它可以支持1600萬(wàn)種顏色。JEPG的壓縮方式是有損的,如果你試著壓縮得太過(guò),圖片的品質(zhì)也會(huì)下降。
你可以勾選“連續(xù)”的選項(xiàng)來(lái)進(jìn)行多線(xiàn)程加載圖片,也可以通過(guò)給圖片添加模糊的辦法來(lái)降低圖片品質(zhì)上的瑕疵,但這兩種辦法既不不十分理想,也沒(méi)有實(shí)際的必要。它們都是在撥號(hào)上網(wǎng)的舊時(shí)代才用上的了。
和GIF以及PNG-8一樣,你可以選擇圖片的優(yōu)化辦法或者選擇是否剪切圖片到畫(huà)板,你還可以具體設(shè)置圖片的尺寸大小。但JEPG沒(méi)有顏色表,因?yàn)镴EPG是用的RGB的顏色模式,而不是索引顏色模式。
JPEG適用于顏色過(guò)渡的圖片,但是如果是色彩是比較平面的色塊的話(huà),它的表現(xiàn)就不是很好。
五、PNG-24文件格式PNG-24的格式,顧名思義就是指的24位的圖片。從某些方面來(lái)說(shuō),它融合了GIF和JPEG的好處,是一種較優(yōu)的格式。就像JPEG,它可以支持上千萬(wàn)種顏色,PNG-24可以用于一些經(jīng)過(guò)模糊處理或者漸變過(guò)渡的陰影。但這些就會(huì)增加圖片的大小,造成加載上的困難。
但與此同時(shí)你要考慮到PNG格式的圖片是透明背景,雖然采用JEPG格式品質(zhì)不會(huì)丟失且品質(zhì)也比較高,但PNG格式的圖片可以允許你將作品放到任何背景之上,權(quán)衡這一靈活性,也許你也不得不選擇PNG了。就如下圖這樣,用PNG-24導(dǎo)出后,可以置于任何的紋理背景上。
后記那些還為輸出圖片而發(fā)愁的小伙伴們記住了嗎?其實(shí)每種格式都是優(yōu)缺點(diǎn)共存的,大家在實(shí)際項(xiàng)目中要多嘗試才能找出最好的解決的方案。另存為WEB格式這一工具歷來(lái)都在設(shè)計(jì)流程中處于最末尾的環(huán)節(jié),因此也并沒(méi)有引起大家的思考和重視,希望我的這篇文章能有所幫助。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 飛屋睿UIdesign
- 存儲(chǔ)技巧
- 存儲(chǔ)為WEB所用格式
- 存儲(chǔ)為WEB
- 存儲(chǔ)知識(shí)
學(xué)習(xí) · 提示
相關(guān)教程
- LOGO教程,用黃金分割繪制雞主題圖形
- AI繪畫(huà)教程,教你如何繪制奶酪圖片
- AI繪畫(huà)教程,繪畫(huà)波普藝術(shù)風(fēng)格人像
- 教你用AI制作柔和幻美的水彩筆刷
- AI教程!用AI畫(huà)個(gè)多邊形紙藝雪糕
- AI教程!如何運(yùn)用紋理創(chuàng)作質(zhì)感的矢量風(fēng)景畫(huà)
- LOGO教程,AI設(shè)計(jì)鹿形LOGO實(shí)例教程
- 效果圖,用AI來(lái)做矢量的半調(diào)效果圖
- 圖案教程,繪制幾何藝術(shù)線(xiàn)性條紋圖案
- LOGO設(shè)計(jì)!教你用AI設(shè)計(jì)時(shí)尚網(wǎng)站LOGO
推薦教程
- Ai葵花秘籍二 五條學(xué)習(xí)鐵律
- AI繪畫(huà)教程,教你繪畫(huà)超級(jí)馬里奧兄弟卡通
- AI圖標(biāo)設(shè)計(jì),用AI制作太陽(yáng)系的行星圖標(biāo)
- AI插圖制作,用AI制作一款萌萌噠的小黃人圖案
- AI插畫(huà)繪制,用AI繪制一幅落日西下場(chǎng)景的插畫(huà)
- AI教程,教你用AI制作污漬特效
- AI鼠繪教程,Q版自畫(huà)像教程
- AI設(shè)計(jì)教程,教你用AI設(shè)計(jì)一個(gè)徽章
- AI文字教程,用路徑混合工具繪制超酷炫的字體效果
- AI字體教程,如何在AI里創(chuàng)建復(fù)古效果的問(wèn)題