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