SVG 影像響應迅速，易於搜索引擎優化，總是看起來清晰乾淨。 這使它們成為 WooCommerce 獨立站網頁設計的重要資產。與 PNG / JPEG（“光柵”）圖形相比，SVG 圖形（“向量”）已經開始增加其受歡迎程度。
隨著縮放級別的增加或屏幕尺寸的變化，幀圖形會變得模糊。它們還具有更大的檔案大小，無法使用 CSS 進行動畫處理。向量圖形解決了所有這些問題。如果您正在尋找背景，圖示和徽標的高解析度 SVG 圖案，以下是一些可以找到它們的地方。
1.SVG Backgrounds
SVG Backgrounds 是一個生成器，允許您自定義漂亮的向量插圖。有幾十個預設，每個預設都有個性化的自定義選項。選擇您喜歡的圖案並更改顏色，角度，比例等。然後將 CSS 貼上到您的網站中。
此處生成的模式可用於大多數具有歸因的專案。您還可以購買許可證以獲得額外的背景和其他功能。
2.Flaticon
大多數影像可以在此免費增值向量資源中免費使用。您可以使用柵格或向量格式下載，並在任何地方使用它們。這裏的許多圖示可以平鋪並用作圖案。
不要忘記 Flaticon Patterns，這個應用程序允許您建立自己的 SVG 背景。您可以自定義向量 “貼紙”，甚至可以更改單個部件的顏色。
3. 英雄模式
Hero Patterns 有各種簡單但漂亮的圖案可供選擇。它易於使用; 只需設置前景色和背景色，您就擁有了簡約的 SVG 裝飾。然後，您可以在專案中下載並使用歸因。有時間，還可以多瞭解一些上一篇分享的《11 個免費線框套件，可加快您的設計工作流程》，對設計方面也是非常有幫助的。
4.Iros 圖案填充
如果您喜歡自己動手進行向量編碼，Iros Pattern Fills 將引導您完成建立 SVG 設計的過程。它還提供下載和代碼以便工作。如果您只需要一個基本形狀的圖形，Iros Pattern Fills 簡單而有教育意義！
5.Freepik
Freepik 擁有數以百萬計的向量圖形，包括背景，紋理和設計，這些都是您下一個概念的完美之選。您需要做的就是屬性！但是，匿名和非付費多用户的下載限制。
6.SVG Patterns Gallery
SVG Patterns Gallery 是一個小而多樣的背景組合。豐富多彩的形狀，條紋和圓點構成了這個有用的畫廊。沒有簡單的下拉選單或滑塊來自定義圖形。但是，像任何 SVG 一樣，您可以訪問模式的代碼並更改顏色或其他元素。
7. 模式庫
Pattern Library 是一個由 WooCommerce 社羣製作的系列，由才華橫溢的藝術家創作，並可在您自己的 WordPress 網站設計中使用。這裏的大量可平鋪影像看起來很棒。但是，雖然模式是使用 SVG 製作的，但您只能以光柵格式下載它們。
8. 平原圖案
與模式庫一樣，Plain Pattern 是基於 SVG 的，但是在 PNG 中下載。如果您只是想要創造一個漂亮，簡潔的圖形和清晰的美學，普通圖案完美地完成了這一點。 選擇一種顏色，新增一些圖示並自定義它們以建立吸引人的背景。
9. 無縫 SVG 模式包
25 個無縫 SVG 模式。包括從迷人的圖案，現代磚和瓷磚設計，到簡單的點和形狀。沒有包含代碼，但是您將獲得有關設置圖形的快速教程。
10. 全自由下載
這個美麗的向量畫廊是由藝術家 WooCommerce 社羣貢獻的。這裏有很多 SVG 模式，從復古到卡通。只需確保檢查許可證，因為它們在上傳者之間有所不同。
小而可擴充套件的模式
圖案有多種用途。它們可以直接在網站上用作背景或圖示。它們也可以在程序中編輯，以建立華麗和乾淨的向量圖形。如果您厭倦了光柵圖形的掙扎以及缺乏響應能力，請嘗試使用 SVG 模式。我們希望您為下一個設計專案找到一些寶貴的資源。