圖片由模糊逐漸轉為清晰的效果是通過photoshop保存png圖片時,在對話框中選中Interlaced(交錯的)按鈕,那么在使用瀏覽器欣賞該圖片時就會以由模糊逐漸轉為清晰的效果方式漸漸顯示出來。這種效果在一些網站上是比較常看到的,之前我以為是通過JS或者css來完成的。
下面掃盲一下各種文件格式吧。
PNG格式是由Netscape公司開發出來的格式,可以用於網絡圖像,但它不同於GIF格式圖像只能保存256色,PNG格式可以保存24位的真彩色圖像,並且支持透明背景和消除鋸齒邊緣的功能,可以在不失真的情況下壓縮保存圖像。
但由於PNG格式不完全支持所有瀏覽器,所以在網頁使用要比GIF和JPEG格式使用少的多。但相信隨着網絡的發展和因特網傳輸的改善,PNG格式將是未來網頁中使用的一種標准圖像格式。
PNG 格式文件在RGB個灰度模式下支持Alpha通道,但是索引顏色個位圖模式下不支持Alpha通道。在保存PNG格式的圖像時,會彈出對話框,如果在對話框中選中Interlaced(交錯的)按鈕,那么在使用瀏覽器欣賞該圖片時就會以由模糊逐漸轉為清晰的效果方式漸漸顯示出來。
交錯是一種通過 Internet 發送圖片數據的方法。當某個圖片交錯時,會發生以下情況:在下載了該圖片的 1/64 后,您可以看到圖片外觀形狀的總體圖像
就是指瀏覽器下載它的時候隔行下載,這樣下載一張圖只用一半的時間就可以看到它的樣子,只不過只是隔行的圖,然后它再下載另一般,這樣可以減少你等待看它的時間.
在存GIF和JPG時也有這個優化.(fireworks中)
bmp:windows系統下的標准位圖格式,使用廣泛。其結構非常簡單,未經過任何壓縮,所以圖像文件會比較大。但它可以被大多數軟件“無條件接受”,可稱為通用格式。例如windows牆紙就是用了這樣的格式!
jpeg:是應用最廣泛的圖片格式之一,它采用一種比較特殊的有損壓縮算法,將不易被人眼察覺的圖像顏色刪除(這點和mp3音樂格式去掉了人類聽覺范圍外的聲音是相通的),從而達到較大的壓縮比(可達到2:1甚至40:1),所以“小巧玲瓏”,在網絡上運用廣泛!
gif:分為靜態gif和動畫gif兩種,支持透明背景圖像,適用於多種操作系統,“體型”很小,網上很多小動畫都是gif格式。其實gif是將多幅圖像保存為一個圖像文件,從而形成動畫,所以歸根到底gif仍然是圖片文件格式。
以上三種是最常見的格式,以下5種雖然運用沒有那么廣泛但也有其優點!
cdr:世界著名的圖形設計軟件——coreldraw的專用格式,屬於矢量圖像,最大的優點“體積”不大,便於再處理。
dxf:三維模型設計軟件的巨頭——autocad的專用格式,文件小,所繪制的圖形尺寸、角度等數據十分准確,是建築設計的首選。該格式和軟件一樣已經漸漸成為了三維模型設計業內的標准了。
psd:圖像處理軟件中的絕對霸主photoshop的圖像專用格式,圖像文件一般較大。
pcx:zsoft公司在開發圖像處理軟件paintbrush時開發的一種格式,存儲格式從1位到24位。它是經過壓縮的格式,占用磁盤空間較少,並具有壓縮及全彩色的優點。
先來說一下交錯:
交錯:Interlace
就是指瀏覽器下載它的時候隔行下載,這樣下載一張圖只用一半的時間就可以看到它的樣子,只不過只是隔行的圖,然后它再下載另一般,這樣可以減少你等待看它的時間.
在存GIF和JPG時也有這個優化.(fireworks中) ______http://zhidao.baidu.com/question/5269019.html
網經:
交錯技術
有很多用戶上網的速度很慢,有時候顯示一張圖片時,等很久都不能顯示圖,如果,沒用交錯技術的話。那么用戶要等圖全下載完了才能看見。有交錯技術那么圖可以一部分一部分的顯示出來。讓用戶可以提前知道內容。
圖像隔行掃描:電視是隔行掃描,而電腦屏幕是逐行掃描,De-Interlace(隔行掃描)就是用來模擬電視屏幕的顯示方式的。包括隔行GIF和逐級JPG方式。
1,交錯圖:如果圖像是一幅交錯圖,則它在頁面上逐步出現的時候,會以類似百葉窗的效果顯示。
注意:一般默認情況下,圖是以50%為單位顯示。
PNG圖像和GIF圖像都支持這種交錯格式。
隔行GIF是指圖像文件是按照隔行的方式來顯示的,比如先出奇數行,再出偶數行,造成圖像是逐漸變清楚的。將圖像文件保存成隔行GIF格式的方法是,在 Photoshop中進行保存時,選擇“Interlaced”(不要選擇“Normal”),在Paint Shop Pro中進行保存時,點擊“Option…”按鈕,選擇“Interlaced”(不要選擇“Non Interlaced”)。
2,漸進圖:如果圖像是一幅漸進圖,則它在頁面上逐步出現的時候,會首先顯示較模糊的整幅圖像,然后逐漸變得清晰。這樣,瀏覽者可以在下載過程中盡早了解圖像的大致輪廓。
JPG/JPEG圖像支持這種漸進格式。
逐級JPG文件可以讓圖像先以比較模糊的形式顯示,隨着圖像文件數據不斷從網上傳過來,圖像會逐漸變清晰。這樣做的好處是圖像可以盡快地顯示出來,雖然圖像不很完美,但是卻讓瀏覽者看到了希望,並且圖像在不斷地變好。將圖像文件保存成逐級JPG格式的方法是,在Photoshop中進行保存時,選擇“Progressive”,在Paint Shop Pro中進行保存時,點擊“Option…”按鈕,選擇“Progressive encoding”。
www.libpng.org/pub/png/pngintro.html