SVG（一種圖像文件格式）

SVG（一種圖像文件格式）

SVG （一種圖像文件格式） 次瀏覽 | 2022.09.22 16:23:25 更新 來源 ：互聯網 精選百科 本文由作者推薦 SVG一種圖像文件格式

SVG是一種圖像文件格式，目的在于改善網頁上頭圖片的品質，這種格式的文件可以包含漸層、動畫、自型的處理及一些特效等功能，讓網頁的圖片可以“活”起來，不再只是單純的圖片而已，并且其有取代“動態GIF”文件的架式呢。當您安裝之后，可以先連上Adobe的SVG測試網頁，看看是否真的可以使用了，如您看到如上面標題旁的時鐘圖，就表示您的瀏覽器可以觀看SVG格式了。

中文名

可變動的向量繪圖形文件

外文名

Scalable Vector Graphics

定義

SVG 指可伸縮矢量圖形 (Scalable Vector Graphics) SVG 用來定義用于網絡的基于矢量的圖形 SVG 使用 XML 格式定義圖形 SVG 圖像在放大或改變尺寸的情況下其圖形質量不會有所損失 SVG 是萬維網聯盟的標準 SVG 與諸如 DOM 和 XSL 之類的 W3C 標準是一個整體[1]

歷史沿革

在 2003 年一月，SVG 1.1 被確立為 W3C 標準。 參與定義 SVG 的組織有：Sun公司（已被Oracle公司收購）、Adobe、蘋果公司、IBM 以及柯達。 與其他圖像格式相比，使用 SVG 的優勢在于： SVG 可被非常多的工具讀取和修改（比如記事本） SVG 與 JPEG 和 GIF 圖像比起來，尺寸更小，且可壓縮性更強。 SVG 是可伸縮的 SVG 圖像可在任何的分辨率下被高質量地打印 SVG 可在圖像質量不下降的情況下被放大 SVG 圖像中的文本是可選的，同時也是可搜索的（很適合制作地圖） SVG 可以與 Java 技術一起運行 SVG 是開放的標準 SVG 文件是純粹的 XML SVG 的主要競爭者是 Flash。 與 Flash 相比，SVG 最大的優勢是與其他標準（比如 XSL 和 DOM）相兼容。而 Flash 則是未開源的私有技術。[2]

轉換方法

轉換為 SVG 圖標代碼 svgsus 工具可以轉換種代碼格式，包括：Web, iOS, OS X, Android 等。使用方法也超簡單：

方法1：單擊你需要用的圖標，然后在編輯器上 Ctrl + V 即可粘貼代碼。 方法2：直接拖動圖標到編輯器方法3：這個有點帥，直接在拖動圖標時，經過 svgsus 界面，再拖入編輯器里，就可以生成代碼了，請看帥氣的 DEMO 吧！SVG

SVG格式的全名是“Scalable Vector Graphics”，中文的大概意思為“可變動的向量繪圖形文件”其最主要的目的在于

改善網頁上頭圖片的品質，這種格式的文件可以包含漸層、動畫、自型的處理及一些特效等功能，讓網頁的圖片可以“活”起來，不再只是單純的圖片而已，并且其有取代“動態GIF”文件的架式呢。當您安裝之后，可以先連上Adobe的SVG測試網頁，看看是否真的可以使用了，如您看到如上面標題旁的時鐘圖，就表示您的瀏覽器可以觀看SVG格式了。

SVG(可放縮的矢量圖形)是W3C(World Wide Web ConSor—tium國際互聯網標準組織)在2000年8月制定的一種新的二維矢量圖形格式，也是規范中的網絡矢量圖形標準。W3C是作為一個國際X的工業聯盟而創建的， 目的是領導整個互聯網協作的發展和創新， 以實現科技的進步和共同發展。由于W3C聯盟關于SVG的開發工作組的成員都是一些知名廠商， 如Adobe、蘋果、Aut0De sk、Bit Fla sh、Corel、惠普、IBM、ILOG、INSO、Macromedia、微軟、Netscape、OASIS、Open Text、Quark、RAL(C C LRC)、Sun、ViSi0、施樂等，所以SVG不是一個私有格式，而是一個開放的標準。也就是說，它并不屬于任何個體的專利，而是一個通過協作、共同開發的工業標準。正是因為這點，才使得SVG能夠得到更迅速的開發和應用。

SVG的特點1．基于XML

為了保證網絡圖像能夠順利地和目前已經由W3C開發的DOM1，DOM2，CSS，XML，XPointer，XSLT，XSL，SMIL，HTML，XHTML技術，以及其他標準化技術，如ICC，URI，UNICODE，RGB，ECMAScr ipt／JavaScript，Java協調一致，SVG是完全基于x M L(EXtensibleMarkup Language可擴展置標語言)， 并能和上述各項技術相融會的新一代的網絡圖像格式。SVG并非僅僅是一種圖像格式， 由于它是一種基于XML的語言，也就意味著它繼承了XML的跨平臺X和可擴展X，從而在圖形可重用X上邁出了一大步。如SVG可以內嵌于其他的XML文檔中，而SVG文檔中也可以嵌入其他的XML內容，各個不同的SVG圖形可以方便地組合， 構成新的SVG圖形。

2．采用文本來描述對象

SVG包括3種類型的對象： 矢量圖形(包括直線、曲線在內的圖形邊)、點陣圖像和文本。各種圖像對象能夠組合、變換，并且修改其樣式，也能夠定義成預處理對象。與傳統的圖像格式不同的是，SVG采用文本來描述矢量化的圖形，這使得svG圖像文件可以像HT札網頁一樣有著很好的可讀X。當用戶用圖像工具輸出SVG后，可以用任何文字處理工具打開SVG圖像，并可看到用來描述圖像的文本代碼。掌握了SVG語法的人甚至可以只用一個記事本便可以讀出圖像中的內容來。

SVG文件中的文字雖然在顯示時可呈現出各種圖像化的修飾效果，但卻仍然是以文本的形式存在的，可以選擇復制、粘貼。由于SVG內的文字都以文本的形式出現在XML文件中， 這些信息可以為搜索引擎所用，而以往搜索引擎通常無法搜索到寫在點陣圖像中的文字。這些文本信息還可以幫助視力有殘疾而無法看到圖形的人，可以通過其他方式(如聲音)來傳送這些信息。

SVG on Minimo

3．具有交互X和動態X

由于網絡是動態的媒體，SVG要成為網絡圖像格式，必須要具有動態的特征，這也是區別于其它圖像格式的一個重要特征。SVG是基于XML的，它提供無可匹敵的動態交互X。你可以在SVG文件中嵌入動畫元素(如運動路徑、漸現或漸隱效果、生長的物體、收縮、快速旋轉、改變顏色等)，或通過腳本定義來達到高亮顯示、聲音、動畫等效果。

4．完全支持DOM

DOM(Document Object Model文檔物件模型)是一種文檔平臺，它允許程序或腳本動態的存儲和上傳文件的內容、結構或樣式。由于SVG完全支持DOM， 因而SVG文檔可以通過一致的接口規范與外界的程序打交道。SVG以及SVG中的物件元素完全可以通過腳本語言接受外部事件的驅動，例如鼠標動作，實現自身或對其他物件、圖像的控制等。這也是電子文檔應具備的優秀特X之一。

SVG較G I F、JPEG的優勢

首先簡要解釋一下矢量圖像格式和位圖圖像格式的區別。矢量圖像用點和線來描述物體，所以文件會比較小，同時也能提供高清晰的畫面，適合于直接打印或輸出。而位圖圖像的存儲單位是圖像上每一點的像素值，因此一般的圖像文件都很大，會占用大量的網絡帶寬。SVG是一種矢量圖形格式，GIF、JPEG是位圖圖像格式。有了兩者的概念后，SVG較GIF、JPEG的優勢顯而易見。

SVG1．任意放縮

用戶可以任意縮放圖像顯示，而不會破壞圖像的清晰度、細節等。

2．文本獨立

SVG圖像中的文字獨立于圖像，文字保留可編輯和可搜尋的狀態。也不會再有字體的限制，用戶系統即使沒有安裝某一字體，也會看到和他們制作時完全相同的畫面。

3．較小文件

總體來講，SVG文件比那些GIF和JPEG格式的文件要小很多，因而下載也很快。

4．超強顯示效果

SVG圖像在屏幕上總是邊緣清晰，它的清晰度適合任何屏幕分辨力和打印分辨力。

5．超級顏色控制

SVG圖像提供一個1 600萬種顏色的調色板，支持ICC顏色描述文件標準、RGB、線X填充、漸變和蒙版。

6．交互X和智能化

由于SVG是基于XML的， 因而能制作出空前強大的動態交互圖像。即SVG圖像能對用戶動作做出不同響應， 例如高亮、聲效、特效、動畫等。

相關信息

SVG查看工具Adobe SVG Viewer 3.03 下載download.adobe/pub/adobe/magic/svgviewer/win/3.x/3.03/en/SVGView.exe

參考資料