簡介
SVG,是可任意放縮矢量圖像格式(ScalableVectorGraphics)的簡稱。它基於XML(可擴展標識語言),是一個全新的標準開放的矢量圖像和動畫格式。SVG不同於傳統的二元(平面)圖像和動畫製作,它使用簡單的一元完成矢量圖像,以及諸如色彩變化對象運動濾鏡和遮照,音效添加等各式動畫效果。SVG創造一個利用純文本完成網路多媒體的神話。
SVG的特點
矢量圖像
圖像通常分為矢量圖像和點陣圖圖像。
矢量圖像利用點和線等矢量化的數據描述圖像,並在圖形中包含色彩和位置信息。矢量圖像的最大優點是"解析度獨立"。當顯示或輸出圖像時,圖像的品質不受設備的解析度影響,能夠提供高清晰的畫面。矢量圖相對點陣圖而言,更適合用於直接列印、印刷或輸出到一些小型設備如手提裝置上。放大和縮小矢量圖不會影響圖像品質。
而點陣圖圖像則使用我們稱為像素的一格一格的小點來描述圖像。計算機的螢幕其實就是一張包含大量像素點的格線。點陣圖圖像受到解析度的影響。因此常常出現圖像邊緣鋸齒和放大後"馬賽克"現象。相對而言,點陣圖需要的存儲空間要比矢量圖更多。
SVG作為矢量圖像格式,同樣具備了矢量圖的諸多優點,更適合在網路中傳輸和套用。SVG除了矢量圖的優勢,也同樣保持了對點陣圖圖像的正確表達功能。使用XML中的XLINK(擴展連結)標籤,SVG也可以在圖像中調用點陣圖圖像。
矢量濾鏡
雖然SVG圖像做為矢量圖格式,具有很多優點。但我們也看到,仍然有很多的圖像設計師傾向於使用點陣圖創作。這是因為點陣圖常常可以使用大量的濾鏡效果、紋理貼圖和空間幻影等,加強圖像的視覺效果。
但因為點陣圖的創作是直接針對像素操作,所以,一旦完成效果的添加,設計師幾乎無法再進行修改。例如,輸出一幅霧化效果的點陣圖圖像,您已經無法再恢復原來清晰的圖像。
而如果使用SVG支持的矢量濾鏡,設計師同樣可以創作出大量流行的和普遍的濾鏡效果。並且,這樣的濾鏡效果是可調整的。因為SVG的矢量濾鏡並不直接針對像素進行操作,而是作為某一個對象的獨立屬性保存在檔案中。修改圖像效果只需要重新調整這些屬性,就可以完成對濾鏡的修改、替換和刪除,非常的便捷。SVG的矢量濾鏡對於遠程協作和二次編輯,提供了極大的自由度。