|
示例2
那么是不是只有在存儲(chǔ)照片的時(shí)候才需要用到JPG呢？我們不妨來看另外一個(gè)例子。
下圖是最近比較火爆的某微博頁面，在這里我們可以選擇不同的風(fēng)格，每種風(fēng)格都會(huì)有一個(gè)非常有特色的背景圖片。我們嘗試用不同圖片格式對背景進(jìn)行保存時(shí)可以發(fā)現(xiàn)：當(dāng)用JPG進(jìn)行保存時(shí)（直接背景另存為）文件大小僅36.3K；而用PNG8 256色無仿色去保存時(shí)大小增加到57.7K，不僅如此由于顏色的缺失在圖像上還出現(xiàn)了一些帶鋸齒的色塊；為了降低這些色塊對圖像質(zhì)量的影響我們對PNG8增加了擴(kuò)散仿色的效果，此時(shí)文件大小達(dá)到了156.3K；而當(dāng)采用PNG24完全不失真的保存時(shí)文件大小是231.9K。
盡管這幅背景圖也是通過photoshop制作，但我們可以發(fā)現(xiàn)由于在圖像上采用了很多的真實(shí)素材（比如白云、螞蟻、綠葉等），而這些真實(shí)素材和攝影圖像一樣也會(huì)存在非常豐富的色彩層次，所以也不適合用PNG格式進(jìn)行保存。這個(gè)時(shí)候我們就應(yīng)該采用JPG格式。
由此我們可以得出結(jié)論：對于寫實(shí)的攝影圖像或是顏色層次非常豐富的圖像采用JPG的圖片格式保存一般能達(dá)到最佳的壓縮效果。
根據(jù)經(jīng)驗(yàn)我們在頁面中使用的商品圖片、采用人像或者實(shí)物素材制作的廣告Banner等圖像更適合采用JPG的圖片格式保存。
總結(jié)
由此可見在存儲(chǔ)圖像時(shí)采用JPG還是PNG主要依據(jù)圖像上的色彩層次和顏色數(shù)量進(jìn)行選擇。一般層次豐富顏色較多的圖像采用JPG存儲(chǔ)，而顏色簡單對比強(qiáng)烈的則需要采用PNG。但也會(huì)有一些特殊情況，例如有些圖片盡管色彩層次豐富，但由于圖像尺寸較小，上面包含的顏色數(shù)量有限時(shí)，也可以嘗試用PNG進(jìn)行存儲(chǔ)。而有些矢量工具繪制的圖像由于采用較多的濾鏡特效也會(huì)形成豐富的色彩層次，這個(gè)時(shí)候就需要采用JPG進(jìn)行存儲(chǔ)了。
另外還有一個(gè)原則就是用于頁面結(jié)構(gòu)的基本視覺元素，如容器的背景、按鈕、導(dǎo)航的背景等應(yīng)該盡量用PNG格式進(jìn)行存儲(chǔ)，這樣才能更好的保證設(shè)計(jì)的品質(zhì)。而其他一些內(nèi)容元素，如廣告Banner、商品圖片等對質(zhì)量要求不是特別苛刻的，則可以用JPG去進(jìn)行存儲(chǔ)從而降低文件大小。
出處：taobaoued
責(zé)任編輯：bluehearts
上一頁 圖片格式與設(shè)計(jì) [5] 下一頁 圖片格式與設(shè)計(jì) [7]
|
第 1 頁 
第 6 頁 圖片格式與設(shè)計(jì) [6]
