通常在網(wǎng)頁(yè)中看到的圖片有兩種加載方式,一種從模糊然后逐漸清晰,另一種逐行加載顯示清晰的圖片.造成這種方式的原因是圖片的壓縮算法不同,第一種是小波算法,第二種是離散余弦變化.
從用戶體驗(yàn)上來(lái)講第一種加載方式無(wú)疑更加友好,那么怎么制作從模糊到清晰加載的圖片呢,很簡(jiǎn)單,使用PS導(dǎo)出即可
PNG圖片使用PS導(dǎo)出時(shí),勾選交錯(cuò), jpg導(dǎo)出時(shí),勾選連續(xù).導(dǎo)出的圖片就是從模糊到清晰的效果了,通常稱為交錯(cuò)式PNG和漸進(jìn)式JPG
Photoshop 保存PNG格式交錯(cuò)和不交錯(cuò)的差別：
1.PNG格式是由Netscape公司開發(fā)出來(lái)的格式，可以用于網(wǎng)絡(luò)圖像，但它不同于GIF格式圖像只能保存256色，PNG格式可以保存24位的真彩色圖像，并且支持透明背景和消除鋸齒邊緣的功能，可以在不失真的情況下壓縮保存圖像。但由于PNG格式不完全支持所有瀏覽器，所以在網(wǎng)頁(yè)使用要比GIF和JPEG格式使用少的多。但相信隨著網(wǎng)絡(luò)的發(fā)展和因特網(wǎng)傳輸?shù)母纳疲琍NG格式將是未來(lái)網(wǎng)頁(yè)中使用的一種標(biāo)準(zhǔn)圖像格式。
2.在保存PNG格式的圖像時(shí)，會(huì)彈出對(duì)話框，如果在對(duì)話框中選中（交錯(cuò)的）按鈕，那么在使用瀏覽器欣賞該圖片時(shí)就會(huì)以由模糊逐漸轉(zhuǎn)為清晰的效果方式漸漸顯示出來(lái)。
3.交錯(cuò)是一種通過(guò) Internet 發(fā)送圖片數(shù)據(jù)的方法。當(dāng)某個(gè)圖片交錯(cuò)時(shí)，會(huì)發(fā)生以下情況：在下載了該圖片的 1/64 后，您可以看到圖片外觀形狀的總體圖像.
主要還是看圖片的用途，如果用于網(wǎng)絡(luò)圖片顯示，最好選擇交錯(cuò),當(dāng)然 區(qū)別不大！
PNG交錯(cuò)是網(wǎng)頁(yè)上用到的，當(dāng)圖片比較大的時(shí)候，加載需要時(shí)間，交錯(cuò)顯示可以先加載低分辨率，然后慢慢向高分辨率加載，大概也就是加載一個(gè)像素點(diǎn)隔開幾個(gè)，然后慢慢加載起來(lái)，這樣用戶就能先看到圖片的大概樣子然后慢慢得到清晰的圖片而省去等待的時(shí)間，當(dāng)然，不是做網(wǎng)頁(yè)的話可以選擇無(wú)，因?yàn)榻诲e(cuò)的方式保存會(huì)讓圖片更大 ，正常保存jpg是要比png小，視情況而定，選擇適合自己網(wǎng)頁(yè)的保存方式！
