【正文】 的 XLINK(擴展鏈接）標簽， SVG也可以在圖像中調用位圖圖像。 放大和縮小矢量圖不會影響圖像品質。它基于 XML(可擴展標識語言），是一個全新的標準開放的矢量圖像和動畫格式。 這個信息可以被用戶終端的軟件解釋 ，這樣可以對 gamma值做出適當?shù)难a償 。 當選擇這一選項時 ， 圖形將經(jīng)過一系列階段顯示 ， 在部分文件被下載后即開始第一階段的顯示 ， 接著以后各階段逐漸增加細節(jié)和清晰度直到整個圖像完全顯現(xiàn) 。 ? 但是如果在一個完美的境地，即所有的瀏覽器都支持它的時候， PNG對索引色和真彩色類型都可以支持，因此，沒有一種位圖文件是 PNG處理不了的。 它適用于垂直顏色漸變的圖形 （ 也可參考 Design Web Graphics） 。 PNG對于圖形的壓縮通常比 GIF好 5％一 25％?！?真彩色 ” 指可以由計算機顯示器的紅（ red） 、 綠 （ green） 、 藍 （ blue） 三種光組合定義的全色范圍 （ 數(shù)百萬種顏色 ） 。 這意味著它們最多可以包含 256種顏色 ——8位信息可以定義的最大數(shù)值 。 ? 支持透明的 jpg格式。） ? MNG的特點： ? gif動畫采用的是單純迭加方式，動畫是由一幅幅靜止的gif圖像集合而成。 PNG圖像的缺點 ? 動畫 “ gif89a”可以儲存多張 gif圖案在同一個圖檔中，如此可以做出動畫效果。在傳送圖像過程中，瀏覽者先看到圖像一個大略的輪廓然后再慢慢變清晰。 我們知道 gif格式圖像采用了 256色以下的 “ index color”色彩模式， jpg采用的是 24位真彩模式。Web開發(fā)與技術設計 第十講 Web上的圖像（二） 濟南大學網(wǎng)絡中心 孫潤元 PNG格式 ? 可移植網(wǎng)絡圖像文件格式 （ Portable Network Graphics， 縮寫為 PNG， 發(fā)音為 “ Ping”） 是一種通用的全功能的圖像文件格式 。PNG不僅能儲存 256色以下的 “ index color”圖像，還能儲存 24位真彩圖像，甚至能最高可儲存至 48位超強色彩圖像。 PNG也采取了 “ interlaced”模式，使圖像得以水平及垂直方式顯像在熒幕上，加快了下載的速度。 PNG則因為 PNG Group是一個 “ 單張圖片 ” 的文件格式而不支持動畫的應用。實際上動畫中的這些圖像都存在著相同部分，而 gif格式在播放每一幅圖像都要被完全讀取。 平臺／瀏覽器支持 ? PNG的設計目標之一就是網(wǎng)絡友好，因此它自然可以被所有平臺識別和支持。 索引色指圖形中的所有顏色 （ 調色板 ） 被存儲于一個顏色表中 。 真彩色圖形不使用顏色表 ， 它只受限于用于描述每個通道數(shù)值的位數(shù) 。 濾鏡 ? PNG壓縮圖形之前 ， 它首先通過 5個濾鏡 （ Sub、Up、 Average、 Paeth、 Adaptive） 之一 ， 一行一行地運行圖形數(shù)據(jù) 。 ? Average ? 這個算法對每一個像素使用平均的水平和垂直關系 。 何時使用 PNG格式 ? PNG并非 JPEG的代替品 ? 盡管 PNG確實可以支持 24位或者更高的位深，但是它的無損壓縮所得的文件通常比 JPEG壓縮所得的大。 ? 交錯的 PNG格式經(jīng)過 7個階段顯示 （ 使用所謂的“ Adam7’方法 ， 這一方法以它的發(fā)明者 Adam Costello命名 ） 。 當這同時在制作者和終端用戶端實現(xiàn)時 ， PNG將保留它所期望的亮度和色飽和度 。 SVG不同于傳統(tǒng)的二元（平面）圖像和動畫制作，它使用簡單的一元（文本）語句 ,完成矢量圖像，以及諸如色彩變化 ,對象運動 ,濾鏡和遮照，音效添加等各式動畫效果。 矢量圖像和位圖圖像 ? 而位圖圖像則使用我們稱為像素的一格一格的小點來描述圖像。 矢量濾鏡 ? 雖然 SVG圖像做為矢量圖格式 ， 具有很多優(yōu)點 。 修改圖像效果只需要重新調整這些屬性 ， 就可以完成對濾鏡的修改 、 替換和刪除 ， 非常的便捷 。例如，一個利用 XML標簽定義的電話號碼，可以根據(jù)需要，由瀏覽器進行撥號。這不同于現(xiàn)在圖像和動畫中的文字。 在線圖像還可以根據(jù)后臺數(shù)據(jù)庫中的關系量實時的進行動態(tài)改變 。 圖像中的文字獨立 。 SVG圖像能對用戶動作做出不同響應，例如高亮 ,聲效 ,特效 ,動畫等，體現(xiàn)了網(wǎng)絡互動的本質。 隨著 XML及其他開放標準的發(fā)展 ， SWF的不協(xié)調性將日益顯著 。 這就為網(wǎng)絡圖像數(shù)據(jù)表格提供了很大的應用前景 。 而如果利用 SVG，只要在無線設備中安裝一個文本解析器 ， 就可以實現(xiàn)對SVG文件的識別和顯示 。 依據(jù) SVG的這種交互性 ， 可以創(chuàng)建大型的圖像搜索引擎 。 結合 SVG創(chuàng)作網(wǎng)頁 ， 將使網(wǎng)頁設計師真正可以“ 畫 ” 出頁面 。 下面的代碼是一個通常的獨立 SVG文件的頭部標識： SVG的基本格式 ?xml version=“” encoding=“iso88591”? !DOCTYPE svg PUBLIC //W3C//DTD SVG 20220303 Stylable//EN 20220303/DTD/ svg xml:space=preserve width= height=.5in ... /svg 注釋：建立了 “ 本文件基于 XML ， 編碼方式是 iso88591”的基本信息。 同時提供源代碼視圖窗口 ， 支持后續(xù)源代碼編輯和修改 。 ? 圖形圖像設計不僅屬于藝術設計的范疇 ， 它還涉及心理學 、符號學 、 傳播學等方面的知識 。 形態(tài)本身的審美因素 ， 會直接影響視覺的傳達效果 ， 具有視覺美感的形態(tài)能夠促使人們愉快地接受所傳達的信息 ，容易在心理上引起共鳴 。 圖形圖像設計的造型元素 ? 基本造型元素 ? 點 ? 線 （ 垂直 、 水平 、 斜線 、 幾何曲線 、 自由曲線的排列組合 ） ? 面 （ 幾何形：方形 、 圓形 、 三角形；自由形 ） ? 擴展造型元素 ? 空間 ? 運動 ? 質感 圖形圖像的創(chuàng)意與設計 ? 創(chuàng)意就是用一種新穎而與眾不同的方式來傳達單個意念的技巧與才能 ， 即所謂客觀地思索 ， 然后天才地表達 。這種改變包括形象的大小、形狀、所在方位、色彩等。 圖像設計的表現(xiàn)技巧 ? 面積與方向 方向性強則運動感強，具有很強的視覺攻勢，方向性若則給人以平穩(wěn)、安定的感覺。 平鋪的方式是指圖像與圖像之間相對獨立，不互相重疊，平鋪的圖像可以理解為平行，如果圖像大小相等，它們之間則是平等的關系。 圖像設計的表現(xiàn)技巧 ? 局部與特寫 局部是相對整體而言的，相對局部的圖像能讓視線集中，有一種點到為止、意猶未盡的感覺。退底后的圖像，其外輪廓呈自由形狀，具有清晰分明的視覺形態(tài)，顯得靈活自如。在進行圖形圖像的創(chuàng)意思維時，圍繞它的主題，結合傳統(tǒng)文化的內容和表現(xiàn)形式，創(chuàng)意構思可能會更有文化內涵，視覺效果也會更加靈活多樣。 ? 圖形圖像的創(chuàng)意是一種復雜的創(chuàng)造性活動，既要表現(xiàn)出形式統(tǒng)一的整體風格，又要體現(xiàn)自己獨特的意味，這需要一種思維的平衡能力。 在圖形圖像設計的過程中敢于思考 、 敢于獨樹一幟 、 敢于別出心裁 ， 才能增加網(wǎng)頁的記憶度 ， 最終達到出奇制勝的傳達效果 。 ? 一圖勝千字，圖形圖像能將信息傳達得更立體、真實、直接，更易于理解，從而高效率、高質量地表達設計意念，使本來平淡的事務變成強有力的畫面，充滿強烈的感情色彩。 與職業(yè)的矢量創(chuàng)作軟件 Adobe Illustrator和 Corel Draw相比較 ，Web Draw在功能上還不足以抗衡 ， 但作為專業(yè)開發(fā) SVG的創(chuàng)作工具 ， 也許可以預想 ， 經(jīng)過一段時間的積累 ,它將成為下一個成功的 Fireworks(Fireworks成功的開發(fā)了