【正文】 PNG壓縮 ? PNG壓縮最為引人注意的方面是 “ 無損 ” 壓縮 ，即在壓縮的過程中沒有顏色信息的損失 。 解壓出來的 PNG圖形和原圖是完全一樣的 。 ? PNG格式使用“緊縮”壓縮設(shè)計。和 GIF一樣，PNG利用重復的字節(jié)信息，在像素行上工作。通過使用濾鏡，它還可以利用某些垂直像素，然而，濾鏡對于調(diào)色板圖形是不推薦使用的。 PNG對于圖形的壓縮通常比 GIF好 5％一 25％。 濾鏡 ? PNG壓縮圖形之前 ， 它首先通過 5個濾鏡 （ Sub、Up、 Average、 Paeth、 Adaptive） 之一 ， 一行一行地運行圖形數(shù)據(jù) 。 ? 盡管這些濾鏡都可以使用 ， 但是其中唯一有必要使用的兩種方法是 None（ 對于索引色圖形 ） 和 Adaptive（ 其他任何一種圖形 ） 。 ? 在 PNG規(guī)范中有各種過濾算法的完全技術(shù)說明 ，網(wǎng)址為： TR／ 濾鏡 ? None ? 顧名思義，采用這個選項則在壓縮前不使用濾鏡。 PNG規(guī)范建議：對于單一的索引色圖形，濾鏡設(shè)為“ None”。 ? Sub ? 這個過濾算法分析像素行之間的圖形信息的關(guān)系。它適用于具有水平顏色漸變的圖形（參考 Lynda Weinman的 Design Web Graphics， 第二版，New Ride出版） 。 濾鏡 ? Up ? 這一算法查找像素列之間的關(guān)系 。 它適用于垂直顏色漸變的圖形 （ 也可參考 Design Web Graphics） 。 ? Average ? 這個算法對每一個像素使用平均的水平和垂直關(guān)系 。 ? Paeth ? 這是由 Alan W． Paeth開發(fā)的一個復雜的過濾器。它使用基于三個方向（左、上、和右上角）采樣的最佳預測。 濾鏡 ? Adaptive ? 這種過濾方法把上述所有濾鏡應用于每一個像素行，然后從中選取出適用于這一行的最佳算法，這樣就可得到對特定圖形的最佳的壓縮。因此，如果你不能確定選擇哪一種過濾算法，你可以讓“ Adaptive”試一試各種算法。 PNG規(guī)范建議對連續(xù)色調(diào)的圖形使用 Adaptive方法。 何時使用 PNG格式 ? “ 在有較高百分比的瀏覽器支持它們時使用 ” 。 ? 但是如果在一個完美的境地，即所有的瀏覽器都支持它的時候， PNG對索引色和真彩色類型都可以支持，因此，沒有一種位圖文件是 PNG處理不了的。 何時使用 PNG格式 ? PNG并非 JPEG的代替品 ? 盡管 PNG確實可以支持 24位或者更高的位深，但是它的無損壓縮所得的文件通常比 JPEG壓縮所得的大。由于具有高位深支持的設(shè)計， PNG文件可以代替 TIFF文件用于保存高細節(jié)的圖形（在這些地方圖形信息的損失是不允許的，如醫(yī)學圖片）。而對于在 Web上應用的場合，是每一字節(jié)都要計算的，因此，攝影圖形和連續(xù)色調(diào)的圖形最好存儲為 JPEG格式。 何時使用 PNG格式 ? PNG是 GIF的良好的代替品 ? PNG格式被建議用于通常被存儲為 GIF格式的圖形 （ 具有單一顏色區(qū)或尖銳的邊緣 ） 。 對于同一個圖形 ， PNG更好的壓縮引擎可以得到比GIF更小的文件 ， 然而 ， 壓縮的效率很大程度上取決于 PNG格式在所使用的圖像程序上的實現(xiàn)程度 。 同時 ， PNG還具有比 GIF更為復雜的交錯掃描技術(shù) ， 它開始顯示圖形的時間是 GIF的 1／ 8。 特殊的性能 ? 交錯掃描 （ 最大顯示 ） ? 和 GIF一樣 ， PNG格式圖形可以編碼用于交錯掃描顯示 。 當選擇這一選項時 ， 圖形將經(jīng)過一系列階段顯示 ， 在部分文件被下載后即開始第一階段的顯示 ， 接著以后各階段逐漸增加細節(jié)和清晰度直到整個圖像完全顯現(xiàn) 。 ? 交錯的 PNG格式經(jīng)過 7個階段顯示 （ 使用所謂的“ Adam7’方法 ， 這一方法以它的發(fā)明者 Adam Costello命名 ） 。 圖形的第一次呈現(xiàn)在下載完 1／ 64文件時開始 （ 這比 GIF快 8倍 ） 。 和 GIF不一樣的是 ， GIF只填充水平像素行信息 ， 而 PNG則水平 、 垂直信息都填充 。 特殊的性能 ? Gamma校正 ? 簡而言之 ， gamma指顯示器的亮度設(shè)置 。 因為不同平臺 （ 甚至是不同的制造商 ） 的 gamma設(shè)置是不同的 ， 所以制作的圖像在不同平臺上看起來就可能和預想的不一樣 。 通常 ， 在 Mac上制作的圖像在 PC上看起來較暗 ， 而在 PC上制作的圖像在 Mac上看起來則好像被沖淡了一樣 。 ? PNG格式圖形可以標記以與它們所制作的平臺相關(guān)的信息 。 這個信息可以被用戶終端的軟件解釋 ，這樣可以對 gamma值做出適當?shù)难a償 。 當這同時在制作者和終端用戶端實現(xiàn)時 ， PNG將保留它所期望的亮度和色飽和度 。 特殊的性能 ? 透明性 ? 24位和 8位索引色 PNG圖形都具有可變等級的透明度 。 這個復雜的透明功能可以使前景色和背景色之間進行平滑的過渡 。 灰度級圖形也可以具有可變的透明度 。 ? 允許在 PNG圖像上創(chuàng)建透明度信息的工具僅有： Adobe Photoshop（ 4． 0 或者更高版本 ） 、 Adobe ImageReady、 Macromedia Fireworks、 GIMP（ 一種用于 Unix、 Linux和 OS／ 2的圖形編輯工具 ） 和 PaintShop Pro（ ） 、 Photoshop僅支持 24位 透 明 度 ， 它 所 得 的 文 件 非 常 大 。ImageReady和 Fireworks都支持更為復雜的 8位 、基于調(diào)色板的透明度 。 工業(yè)標準的矢量圖像格式 — SVG ? 什么是 SVG SVG， 是可任意放縮矢量圖像格式（ Scalable Vector Graphics） 的簡稱。它基于 XML(可擴展標識語言），是一個全新的標準開放的矢量圖像和動畫格式。 SVG不同于傳統(tǒng)的二元（平面）圖像和動畫制作，它使用簡單的一元（文本）語句 ,完成矢量圖像，以及諸如色彩變化 ,對象運動 ,濾鏡和遮照，音效添加等各式動畫效果。SVG創(chuàng)造一個利用純文本完成網(wǎng)絡(luò)多媒體的神話。 SVG的特點 ? 矢量圖像 ? 矢量濾鏡 ? 基于 XML ? 文本格式 矢量圖像 ? 圖像通常分為矢量圖像和位圖圖像 。 矢量圖像利用點和線等矢量化的數(shù)據(jù)描述圖像，并在圖形中包含色彩和位置信息。矢量圖像的最大優(yōu)點是 “ 分辨率獨立 ” 。當顯示或輸出圖像時，圖像的品質(zhì)不受設(shè)備的分辨率影響，能夠提供高清晰的畫面。矢量圖相對位圖而言，更適合用于直接打印、印刷或輸出到一些小型設(shè)備如手提裝置上。 放大和縮小矢量圖不會影響圖像品質(zhì)。 矢量圖像和位圖圖像 ? 而位圖圖像則使用我們稱為像素的一格一格的小點來描述圖像。計算機的屏幕其實就是一張包含大量像素點的網(wǎng)格。位圖圖像受到分辨率的影響。因此常常出現(xiàn)圖像邊緣鋸齒和放大后 “ 馬賽克 ” 現(xiàn)象。相對而言，位圖需要的存儲空間要比矢量圖更多。 ? SVG作為矢量圖像格式，同樣具備了矢量圖的諸多優(yōu)點，更適合在網(wǎng)絡(luò)中傳輸和應用。 SVG除了矢量圖的優(yōu)勢，也同樣保持了對位圖圖像的正確表達功能。使用 XML中的 XLINK(擴展鏈接）標簽， SVG也可以在圖像中調(diào)用位圖圖像。 矢量濾鏡 ? 雖然 SVG圖像做為矢量圖格式 ， 具有很多優(yōu)點 。但仍然有很多的圖像設(shè)計師傾向于使用位圖創(chuàng)作 。這是因為位圖常?？梢允褂么罅康臑V鏡效果 、 紋理貼圖和空間幻影等 ， 加強圖像的視覺效果 。 ? 但因為位圖的創(chuàng)作是直接針對像素操作，所以，一旦完成效果的添加，設(shè)計師幾乎無法再進行修改。例如，輸出一幅霧化效果的位圖圖像，您已經(jīng)無法再恢復原來清晰的圖像。 矢量濾鏡 ? 而如果使用 SVG支