隨著響應式網頁的發展，對于內容呈現的要求也越來越高，尤其是圖像。為了在各種設備上能實現自然伸縮或擴展而不影響圖片質量，所以矢量圖形（SVG）正變得越來越受歡迎。
大家都知道，在計算機圖形學中，有兩種主要的圖像類型：矢量和位圖。位圖[bitmap]，也叫做點陣圖，柵格圖象，像素圖，簡單地說，就是最小單位由像素構成的圖，縮放會失真。矢量圖，簡單地說，就是縮放不失真的圖像格式。
1. Adobe Illustrator
Adobe Illustrator作為全球最著名的矢量圖形軟件，以其強大的功能和體貼用戶的界面，已經占據了全球矢量編輯軟件中的大部分份額。據不完全統計全球有37%的設計師在使用Adobe Illustrator進行藝術設計。
作為一款非常好的矢量圖形處理工具，該軟件主要應用于印刷出版、海報書籍排版、專業插畫、多媒體圖像處理和互聯網頁面的制作等，也可以為線稿提供較高的精度和控制，適合生產任何小型設計到大型的復雜項目。
2. SVG.js
SVG.js庫為開發人員和設計人員提供了一些功能，可以讓你將多個SVG圖像拼接在一起，創建出可用于視頻項目，網站需求的時髦動畫，或者只是表達你的創造力。
3. Inkscape
Inkscape一款非常受歡迎的SVG編輯器，可以免費使用并可用于跨平臺，是插圖畫家，設計師和網頁設計師的理想選擇。它擁有強大的對象創建和操作工具，例如鉛筆工具、畫筆工具、矩形、多邊形等。
這款工具主要用作圖表，徽標，插圖，圖表等形式構建和優化矢量圖形， 甚至是多重圖像。它以擁有全面的SVG支持而聞名，并且，支持一系列輸出格式，包括PNG，OpenDocument，DXF，PDF，EPS，sk1等。
4. Vector
Vectr是一個免費的圖形編輯器，可以輕松創建矢量圖形, 幾乎可以滿足于任何矢量任務。雖然界面簡單，但卻不影響它的易用性，和強大的編輯功能。對于初學者而言，學會使用它的基本功能例如添加圖層、邊框、陰影或文本來創建簡單的矢量圖標和圖像是非常容易的。
5. Snap.svg
Snap.svg 是專為現代瀏覽器打造，支持剪裁，遮罩，紋理，漸變，分組等功能。可以用來創建互動，在任何大小的屏幕上都會很好看、與分辨率無關的矢量圖形。憑借豐富的動畫庫和易于的事件處理，Snap.svg 可以幫助你輕松實現 SVG 功能。
6. Sketch
7. Trianglify
現在有很多廣告、網頁或其它設計設計風格是使用多邊形來裝飾。如果你只需要一個簡單的多邊形的紋理背景，那么可以使用 Trianglify 生成器創建漂亮的 SVG 幾何圖案。你可以隨意/變化設置顏色，粒度大小并選擇一個顏色調色板來配合使用。所有設置結束后即可下載SVG圖案，非常方便。
8. Plain Pattern
你可以在下載之前預覽結果。在Plain Pattern的網站上，你能夠根據你所選擇的顏色快速地生成SVG圖形，這可能比任何手寫的形式都要快！只需要上傳你的圖片，按比例縮小或改變間隔、旋轉、重新著色等一系列操作，便可快速得到漂亮的圖案。
