圖片優(yōu)化技巧

《圖片優(yōu)化技巧》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、圖片優(yōu)化技巧文檔主要包括以下幾方面內(nèi)容：.基本概念·位圖.實(shí)際應(yīng)用·什么時(shí)候應(yīng)該使用PNG·什么時(shí)候應(yīng)該使用JPG·總結(jié).Photoshop中各種參數(shù)的含義及設(shè)置技巧1、基本概念·位圖位圖又叫像素圖或柵格圖，它是通過記錄圖像中每一個(gè)點(diǎn)的顏色、深度、透明度等信息來存儲(chǔ)和顯示圖像。一張位圖就好比一幅大的拼圖，只不過每個(gè)拼塊都是一個(gè)純色的像素點(diǎn)，當(dāng)我們把這些不同顏色的像素點(diǎn)按照一定規(guī)律排列在一起的時(shí)候，就形成了我們所看到的圖像。所以當(dāng)我們放大一幅像素圖時(shí)，能看到這些拼片一樣的像素點(diǎn)（如下圖）。在web頁面中所使用的

2、JPG、PNG、GIF格式的圖像都是位圖。優(yōu)點(diǎn)：利于顯示色彩層次豐富的寫實(shí)圖像。缺點(diǎn)：文件大小較大，放大和縮小圖像會(huì)失真?！PG和PNGJPG和PNG的一些特性對(duì)比：格式壓縮模式交錯(cuò)支持透明支持動(dòng)畫支持JPG有損壓縮支持不支持不支持PNG無損壓縮支持支持不支持JPG的特性???1、支持?jǐn)z影圖像或?qū)憣?shí)圖像的高級(jí)壓縮，并且可利用壓縮比例控制圖像文件大小。???2、有損壓縮會(huì)使圖像數(shù)據(jù)質(zhì)量下降，并且在編輯和重新保存JPG格式圖像時(shí)，這種下降損失會(huì)累積。???3、JPG不適用于所含顏色很少、具有大塊顏色相近的區(qū)域或

3、亮度差異十分明顯的較簡單的圖片。PNG的特性???1、能在保證最不失真的情況下盡可能壓縮圖像文件的大小。???2、PNG用來存儲(chǔ)灰度圖像時(shí)，灰度圖像的深度可多到16位，存儲(chǔ)彩色圖像時(shí)，彩色圖像的深度可多到48位，并且還可存儲(chǔ)多到16位的α通道數(shù)據(jù)。3、對(duì)于需要高保真的較復(fù)雜的圖像，PNG雖然能無損壓縮，但圖片文件較大，不適合應(yīng)用在Web頁面上。PNG8與PNG24提到PNG格式可分為PNG8和PNG24，兩者后面的數(shù)字則是代表這種PNG格式最多可以索引和存儲(chǔ)的顏色值?！?″代表2的8次方也就是256色，而24

4、則代表2的24次方大概有1600多萬色。PNG8還支持1位的布爾透明通道，所謂布爾透明指的是要么完全透明要么完全不透明。而PNG24則支持8位（256階）的alpha通道透明，也就是說可以存儲(chǔ)從完全透明到完全不透明一共256個(gè)層級(jí)的透明度（即所謂的半透明）。格式最高支持色彩通道索引色編輯支持透明支持PNG8256色支持支持布爾透明PNG24約1600萬色不支持支持8位（256階）alpha透明·GIF由于GIF現(xiàn)在使用率偏低，常適用于GIF動(dòng)畫，由于PNG本身是開發(fā)者為了代替GIF而衍生出的圖片格式，所以透明

5、圖片建議采用PNG8。GIF文件的數(shù)據(jù)，是一種基于LZW算法的連續(xù)色調(diào)的無損壓縮格式。其壓縮率一般在50%左右，它不屬于任何應(yīng)用程序。GIF格式的另一個(gè)特點(diǎn)是其在一個(gè)GIF文件中可以存多幅彩色圖像，如果把存于一個(gè)文件中的多幅圖像數(shù)據(jù)逐幅讀出并顯示到屏幕上，就可構(gòu)成一種最簡單的動(dòng)畫。2、實(shí)際應(yīng)用·什么時(shí)候應(yīng)該使用PNG案例1：下圖為京東商城header部分用JPG和PNG8格式分別進(jìn)行保存，可以看到保存的結(jié)果有兩個(gè)值得注意的地方：1、JPG保存的文件大小比是PNG保存的文件大2、JPG文件出現(xiàn)了噪點(diǎn)造成結(jié)果的原

6、因分析：1、首先我們發(fā)現(xiàn)文字顏色和描邊等都是采用純色，圖像所包含的色彩信息非常有限。當(dāng)用PNG存儲(chǔ)這個(gè)圖像時(shí)，只需要保存很少的色彩信息就可以真實(shí)還原這個(gè)圖像。而對(duì)于JPG格式來說大小主要決定于圖像的顏色層次，所以在這種顏色較少但對(duì)比強(qiáng)烈的情況下，反而不能很好的壓縮文件大小。案例2：下圖用PNG8和JPG進(jìn)行了保存，發(fā)現(xiàn)當(dāng)用PNG8保存時(shí)不僅保證了圖像的質(zhì)量且圖像文件的大小僅有8.3K，而當(dāng)用JPG100%保存時(shí)文件大小則增加到44.2K，如果不經(jīng)放大可能還看不出具體的差異，但實(shí)際和前面一樣也會(huì)出現(xiàn)不必要的噪點(diǎn)

7、。如果我們要達(dá)到PNG8的壓縮率采用JPG45%進(jìn)行保存，則圖像會(huì)出現(xiàn)較嚴(yán)重的失真。結(jié)論?具備以下條件的圖像更適合用PNG8格式進(jìn)行存儲(chǔ)：1、圖像上顏色較少，并且主要以純色或者平滑的漸變色進(jìn)行填充。2、具備較大亮度差異以及強(qiáng)烈對(duì)比的簡單圖像（如“立刻購買”按鈕中的背景和文字）。·什么時(shí)候應(yīng)該使用JPG案例1：下圖用JPG60%（左上）、PNG8256色無仿色（右上）、PNG8256色擴(kuò)散仿色（左下）、PNG32（右下）分別進(jìn)行了存儲(chǔ)?？梢钥闯霎?dāng)用JPG存儲(chǔ)圖像時(shí)不僅能夠達(dá)到最大的壓縮率，也能盡量保證原圖的還原

8、效果。而采用PNG8進(jìn)行保存時(shí)圖像文件大小更大，失真也較嚴(yán)重。只有在PNG24的格式下才能保證品質(zhì)，然而文件大小卻比JPG要大很多。造成結(jié)果的原因分析：產(chǎn)生這種結(jié)果的原因也與JPG和PNG各自的壓縮算法有關(guān)。1、對(duì)于攝影或者寫實(shí)作品，由于受環(huán)境光線的影響，圖像上的色彩層次十分豐富。比如巴士車上的紅色區(qū)域由于反光、陰影以及透視效果會(huì)形成明暗、深淺各異的區(qū)域，如果用PNG去保存，則需要不同明暗度的紅色去