如果開發網站或網路服務，可能會需要用到背景圖，以往很多時候會使用 PNG 格式來當做背景，像是 Caself 提供 800 種免費紋理背景圖片就是透過 PNG 檔案來製造出的背景效果，不過現階段來說 SVG 會是更好的選擇，SVG 有什麼特色呢？它不但檔案容量更小、高解析度、可以自由縮放，而且也被主要瀏覽器支援，更重要的是具備可自訂性，不需繪圖軟體就能做到！
網頁背景
Low Polygon Art 世界最大的低多邊形免費圖庫，1400 張高解析圖片下載
Caself 提供 800 種免費紋理背景圖片下載，網頁設計必備素材推薦
我在設計網頁時傾向使用單色背景，不過很多時候選擇合適的背景圖看起來會使網站更有質感，也讓視覺上不會過於呆板，那麼要去那裡找到這些素材呢？之前曾經介紹「Hero Patterns 免費 SVG 重複背景圖產生器，CSS 程式碼複製貼上快速套用」就是相當值得加入書籤收藏的背景產生器，透過它能建立出具有重複背景效果的圖案，除此之外，Subtle Patterns 和 Novapattern 分別提供 400 個高品質紋理背景素材和 Photoshop 可編輯的圖片讓使用者免費下載。
CoolHue 最酷的漸層色背景色卡產生器，快速產生背景 CSS3 語法
這幾年新出現的網路服務或應用程式都喜歡使用漸變色作為背景圖，有一些則會選用高畫質、高解析度免費圖庫相片，相較於單色背景來說，漸層色看起來更有活力，且目前技術只要透過 CSS3 語法就能將漸層運用到網頁中，不會拖慢網頁載入速度，語法撰寫方式也很簡單，幾乎可以說一段語法就能快速套用背景。
Subtle Patterns 超過 400 種 PNG 高品質免費背景紋理素材下載
前幾天介紹「Novapattern」提供免費高品質 Photoshop 紋理素材下載，類似資源應該不少，不過我不是從事設計相關工作，對於這類素材網站實在著墨不多，大多仍著重於免費圖庫（畢竟我自己也會用到）。直到最近發現一些不錯的紋理素材資源，決定利用時間陸續介紹給讀者朋友，這些網站你可能看過或沒看過，但都沒關係，假如你手邊有不錯的網站，也歡迎留言或 Email 告知我。
WebGradients 收錄 180 種漸層背景免費下載，一鍵產生 CSS 3 語法
現在一些新的網路服務都蠻喜歡使用漸層顏色作為背景，一來讓背景不那麼單調，再者是 CSS3 之後加入 linear-gradient 參數表示漸變色背景圖，除了顏色外還能控制漸層的角度等等，幾乎只要幾個控制參數就能做到，在應用上更為靈活。如果你想要在網站開發或部落格使用漸層背景，之前我推薦的「Unique Gradient Generator 美麗的網頁毛玻璃模糊背景產生器」是一個方法，另外本文要介紹的 WebGradients 就更厲害一些。