SVG代表 Scalable Vector Graphic，它是一種 2D 圖像或圖形文件類型。SVG文件使用數學方程式和關于形狀、線條和元素的規則集來生成圖形。SVG 本質上是 XML 代碼，用于解釋應該顯示的形狀、應該顯示的顏色以及每個形狀相對于文件中其他形狀的顯示位置。

　　相關內容：什么是SVG文件?

　　SVG 和其他矢量圖形從根本上不同于光柵圖形，例如 jpeg 或 png 文件，后者依靠像素來傳達視覺信息。特別是使用 SVG 文件有四個主要好處。

　　1. 清晰度

　　SVG 文件可以無限擴展。您可以增加 SVG 文件的大小并根據需要多次調整它們的大小而不會失去清晰度 - 與光柵圖像相比，這是一個巨大的好處，如果它們的大小不合適，光柵圖像可能會變得模糊或看起來有顆粒感。

　　2. 多功能性

　　不僅可以在編輯階段多次調整 SVG 文件的大小而不會失去清晰度，而且生成在任何設備上看起來都不錯的響應式SVG 文件相對簡單，即使查看器放大網頁也是如此。SVG 文件的多功能性使其成為徽標和簡單信息圖表的絕佳選擇。您還可以將 SVG 文件用于動畫，它們對于設計具有獨特配色方案和漸變的字體特別有用。

　　3.更小的文件大小

　　SVG 文件的大小可能比同一圖像的 PNG 或 JPG 小得多，具體取決于圖形的復雜性或設計中的路徑數量。根據 Vecta.io 的說法，SVG 文件可以比 PNG 文件小 60% 到 80%，這有助于將加載時間降至最低，從而幫助您提供更好的用戶體驗 (UX)。更快的頁面速度對于網站 SEO也更好。

　　上圖中的悲傷斑馬設計是在 Adobe illustrator 中創建的，并首先導出為 SVG 文件，然后導出為 PNG(請注意，上面的并排圖像是 jpg)在網站上使用。生成的 PNG 文件為 82 KB(尺寸為 1911 x 1387 像素)。相比之下，SVG 文件只有 8 KB(并且沒有設置尺寸，因為 SVG 文件默認是響應式的)。

　　4. 可訪問性和包容性

　　SVG 文件在可訪問性和包容性方面提供了多種好處。設計人員可以在 SVG 文件本身的圖形中添加描述視覺元素的結構數據，這可以幫助使用某些輔助技術的人更好地理解圖像中包含的內容。或者，光柵文件僅依靠元數據(即替代文本)來向屏幕閱讀器和類似的輔助設備描述圖形的內容。

　　可擴展性對用戶和創作者都有好處。視力低下的人可以放大 SVG 文件，而文件不會變得模糊。繼續嘗試放大下面的圖像(這是一個 SVG 文件)。

　　SVG 文件還為設計人員和開發人員提供了可訪問性和包容性的好處，因為有多種創建和編輯它們的方法。您可以使用 Adobe Illustrator 等設計工具在不知道如何編碼的情況下編輯 SVG 文件。您還可以直接在純文本編輯器中編輯 XML 代碼，并輕松地將 SVG 合并到您的HTML 或 CSS中。您可以在 W3C 網站上找到有關 SVG 文件的輔助功能的更多信息。

　　何時使用 SVG 與其他圖像格式

　　Web 上使用了4 種常見的圖像文件格式，雖然 SVG 有很多好處，但它們并不是所有用例的最佳選擇。SVG 文件非常適合簡單的圖形和插圖，但不適用于高度詳細的圖像。如果您正在為專業攝影師設計網站，您不會想要上傳 SVG 格式的作品集。

　　對于非常詳細的照片或復雜的圖像，您可能需要使用 PNG、JPG 或 JPEG 文件。在動畫方面，GIF 和 SVG 非常棒。在 SVG、PNG 和 GIF 文件中包含透明背景也相對簡單。

　　SVG 文件非常適合網頁設計，但某些文字處理器和電子表格軟件不支持。例如，在撰寫本文時，Google Docs 不支持 SVG 文件。

　　此外，雖然最新版本的領先網絡瀏覽器(如 Google Chrome、Microsoft Internet Explorer、Safari 和 Firefox)支持 SVG 文件，但從舊瀏覽器上網的人可能無法查看它們。SVG 文件也可能不是電子郵件活動的最佳選擇，因為一些電子郵件提供商僅部分支持 SVG 文件，或者根本不支持它們(截至 2022 年 3 月)。

　　哪些程序可以打開和編輯 SVG 文件?

　　您可以使用許多免費和付費程序來打開、編輯和轉換 SVG 文件。這里僅僅是少數：

　　免費的 SVG 文件轉換器、設計和動畫軟件

　　inkscape.org

　　github.com/SVG-Edit

　　vectr.com

　　www.haikuanimator.com

　　www.gimp.org

　　支持矢量文件的付費軟件

　　www.adobe.com/products/illustrator.html

　　www.adobe.com/products/photoshop.html

　　www.coreldraw.com

　　www.svgator.com

　　SVG 圖形最近變得非常流行，這要歸功于它們的多功能性和可訪問性。毫不奇怪，支持矢量圖像文件的圖形編輯器的范圍也在不斷擴大。