Caself 提供 800 種免費紋理背景圖片下載，網頁設計必備素材推薦

我在設計網頁時傾向使用單色背景，不過很多時候選擇合適的背景圖看起來會使網站更有質感，也讓視覺上不會過於呆板，那麼要去那裡找到這些素材呢？之前曾經介紹「Hero Patterns 免費 SVG 重複背景圖產生器，CSS 程式碼複製貼上快速套用」就是相當值得加入書籤收藏的背景產生器，透過它能建立出具有重複背景效果的圖案，除此之外，Subtle Patterns 和 Novapattern 分別提供 400 個高品質紋理背景素材和 Photoshop 可編輯的圖片讓使用者免費下載。

本文要再來推薦一款我最近找到的免費資源「Caself」，提供相當多免費紋理背景圖片，目測大約有超過 800 種圖案！可直接線上預覽、測試套用效果，還內建 CDN 鏈結讓使用者在不用下載的情況下快速使用到自己的網站、部落格成為背景圖案，完全不會耗費自己的流量。

Caself 使用 Amazon S3 空間托管圖片，無論是速度或穩定性都非常優異，當然因為圖片不大，採用 CSS 方式重複顯示，其實下載圖片、上傳到自己空間使用也是不錯的方式。

網站名稱：Caself
網站鏈結：https://www.caself.app/

使用教學

STEP 1

開啟 Caself 網站，每一頁大約會顯示 20 種不同的背景圖，根據網站說明，這些背景圖部分使用 CC 授權，也有一部分是採用 CC0 授權，當你將游標移動到下載或取得鏈結前底下會跳出授權資訊。

STEP 2

從上方選單可找到熱門背景圖（Hot）或從下拉式選單選擇你有興趣的背景類別。

STEP 3

當你將游標移動到圖片上，會顯示「View」按鈕，點擊後該背景會自動套用到目前網頁，讓你直接預覽背景效果，不過因為 Caself 可以看到背景的範圍不大，也受限於其他元素的顏色，可以的話直接點擊旁邊的「CDN & URL」取得圖片網址，套用到自己的網站可能會更準確一點。

STEP 4

要如何將背景圖片下載或作為自己網站背景使用呢？只要點擊素材左側的「Download」就能下載原始圖片囉！前面有提到 Caself 也提供免費的 CDN 圖片分流網址，點擊「CDN & URL」可以取得這張圖片的開放式鏈結，使用時請記得注意下方跳出的授權方式。

Caself 也在 About 頁面提供最簡單的 CSS 載入背景圖案教學，直接附上程式碼範例，如果不知道要怎麼把 Caself 圖片設定成背景的開發者可以參考，當然 Google 一下也會有不少教學，總之這個網站是個很不錯的素材來源，尤其你需要紋理背景時可以來這裡搜尋看看。