向量圖形是一種方法，能夠將一系列形狀、座標和路徑傳送至其算繪環境。是一組操作說明，用於指示應如何繪製圖片。放大或縮小圖片時，會重新繪製圖片所代表的一組點和行來縮放。兩個點之間的平滑曲線在各種尺寸上都會經過重新繪製，就像在可視區域中縮放 HTML 元素時，重新繪製的 CSS 元素所定義邊框一樣。
可擴充向量圖形 (SVG) 是 W3C 開發的 XML 標記語言。這是專為現代網路設計的向量圖片格式。
凡是專門編輯向量圖片的設計軟體都能將圖片匯出為 SVG。不過，如果是標準化、人類可讀的標記語言，也可以使用任何文字編輯軟體建立及編輯 SVG。無論使用何種軟體製作這類軟體，這種格式很快就會變得不切實際。SVG 可以使用 CSS 設定樣式，或包含 JavaScript，可在圖片中建構行為和互動內容。
除了設計對設計人員和開發人員的吸引力之外，SVG 也是非常強大的使用者體驗，能夠融入使用者體驗。 與光柵圖片格式相比，光柵圖片格式中的描述性資訊通常十分精簡，而在簡單的形狀中，這類資訊往往會過度簡化，也就是告知瀏覽器「在 1x1 到 1x5 之間繪製 1 像素的紅線」與「1x1 」一個紅色像素之間的差別。1x2 是紅色像素。1x3 是紅色的像素，1x4 是紅色像素。1x5 是紅色像素。」反過來說，SVG 的描述性性質需要從瀏覽器中解讀，也就是更「思考」的方式。因此，複雜的 SVG 時，轉譯作業可能需要承擔更多課稅。在相同的脈衝下，高度複雜的圖片可能代表一組詳細的指示，且傳輸大小較大。
您可能需要進行一些試驗和錯誤，才能立即辨識候選圖片來源，因為這是 SVG (而非傳統的光柵格式) 的最佳呈現方式。不過，您仍有幾點規範：幾乎無論何時都能透過 SVG 格式使用圖示等介面元素。使用銳利線條、純色和明確定義的形狀的圖片，是適用於 SVG 的理想選擇。
SVG 是一個很龐大的主題：專為與 HTML 共存的整個標記語言，各有獨特的樣式選項和功能。如需 SVG 的詳細說明，請參閱 MDN SVG 教學課程。