網頁素材哪裡找？10大免費素材網站推薦

網頁設計的品質與網頁素材習習相關，如果有網頁設計的預算，能量身打造網頁設計素材當然是最好的選擇；此外，到現成的免費素材庫下載插圖、相片、影片、動畫也是尋找網頁設計素材的另一種選項。使用免費素材庫中的無版權圖片，不但可以加快網頁素材產出速度，也可以省下不少的素材製作費用，一起來認識10大熱門的免費網頁素材庫有哪些吧！
〈延伸閱讀：網頁設計，美感與技術的內化〉
〈延伸閱讀：網站設計之前，你應該先搞懂的10件事〉
 

網頁素材圖庫包括什麼？

在網站設計中，除了網站版型、文字、網站管理程式以外，在網站上眼睛看得到的內容，像是「照片、圖片、影片、動畫」等，都可以算是網頁設計素材的範疇。網頁素材往往需要耗費大量時間與心力，因此，如何依據品牌調性從免費素材庫中搭配適當的網頁素材，將成為網頁設計品質好壞的關鍵。
〈延伸閱讀：網頁設計重點在設計內容，不是版型〉
〈延伸閱讀：網站版面設計的7個重要觀念〉
 

網站設計－常用的網頁素材類型

在網站設計的專案中，除了產品照片、公司介紹照片、流程圖外，使用最多的就是「圖片類型」的素材，常見的應用包括：照片示意圖、形象圖、插圖等。而網頁素材圖庫又分成付費素材庫、免費素材庫，儘管從免費素材庫下載免費圖片，不同素材庫也有不一樣的授權規定。如果有設計預算，建議你優先使用付費圖庫，比較不會有版權問題，也能得更多的圖片選擇與延伸服務。
〈延伸閱讀：網站架設費用有哪些？ 網站費用一次報你知！〉
〈延伸閱讀：10個影響目標轉換的網頁設計〉

 

免費圖庫vs.付費圖庫

 

10大免費素材網站介紹

網頁素材網站1：Pixabay

 

 

免費素材庫介紹

由Hans Braxmeier和Simon Steinberger在2010年11月創立的免費素材網站，於2018年被Canva收購。Pixabay中有上百萬張的免費素材，無須登入／註冊就可以下載檔案，建議使用英文關鍵字來搜尋免費素材。（立即前往素材庫）

 

設計素材的數量與類型

Pixabay擁有超過420萬張素材，包含照片、插圖、向量圖、影片、音樂、聲音特效、GIF動圖等，基本上都是免費授權，但是不可以間接販賣Pixabay提供的免費素材。

 

素材網特色

Pixabay具有豐富的內建分類搜尋，像是圖片大小、顏色、上傳日期等，可以更快速、精準的篩選出想要的免費素材，找到需要的免費圖片後可以直接連動到Canva進行編輯。

 

 

網頁素材網站2：Pexels

 

 

免費素材庫介紹

Pexels從2014年起以高品質、可商業使用的免費素材聞名，在2019年被線上設計工具Canva收購之前，Pexels始終是前三熱門的免費素材網站。在Canva收購後，相關的免費素材、圖片授權條款並未改變，因此仍然可以放心使用。Pexels無須登入即可下載圖片，是支援中文搜尋的免費素材網，查找免費素材的時候再也不用中翻英啦！（立即前往素材庫）

 

設計素材的數量與類型

Pexels擁有數十萬張免費圖片素材，每天新增高解析度的新款素材，包含照片與影片。

 

素材網特色

Pexels中的「攝影師排行榜」可以即時瀏覽過去30天內上傳免費素材瀏覽量最高的創作者，每位創作者的圖片各有風格、特色，質感更是不用多說，值得高度推薦。

 

網頁素材網站3：Unsplash

 

 

免費素材庫介紹

Unsplash成立於2013年，是一個由多位攝影師提供高清免費素材圖片的素材庫，目前僅支援英文搜尋，無須註冊即可下載部分免費素材，且可以將免費素材應用於商業用途，但不能將原始素材下載後出售。2022年Unsplash推出「Unsplash+」，提供商業用途的精選素材庫內容，且能享有無廣告的素材庫瀏覽體驗。（立即前往素材庫）

 

設計素材的數量與類型

Unsplash目前累積500多萬張素材，大部分以建築、景、人物和自然景觀的專業攝影照片為主，少部分為3D渲染圖。

 

素材網特色

點選右邊的「資訊」，可以看到這張素材的「Views」觀看數和「Downloads」下載次數，就能知道這張素材的熱門程度，了解過去曾有多少人下載此張圖片，可以避開使用過於熱門、常見的免費網頁素材。

 

網頁素材網站4：Pakutaso

 

 

免費素材庫介紹

Pakutaso於2011年5月創立，是日本的免費素材庫，其中的素材皆是由「註冊攝影師」拍攝並擁有的原始照片，強調「容易使用」、「稀有價值」和「熱門與流行」。Pakutaso中的免費素材不用註冊會員也能下載，並且沒有免費素材的下載張數限制，記得在搜尋時使用「日文關鍵字」會更好找到符合需求的網頁素材。（立即前往素材庫）

 

設計素材的數量與類型

Pakutaso官方在2023年8月份公布目前約有5萬張素材，拍攝的類型和題材多數帶有「東方文化意象」，例如：日本的街道、和室、溫泉、東方臉孔等，有別於歐美素材網站提供的免費素材。

 

素材網特色

Pakutaso於2022下半年度發布，提供以Pakutaso原圖庫素材為基礎，使用「AI圖像」生成的網頁素材。這類素材的特色為「現實世界拍不出來的場景」，像是充滿科幻未來感的「賽博龐克風」，如果你正在製作電腦遊戲相關的網站設計，推薦你可以來這裡尋找合適的免費素材。

 

網頁素材網站5：StockSnap.io

 

 

免費素材庫介紹

StockSnap.io是一個圖片更新速度快、素材品質高的免費素材網站，雖然素材總量比Pixabay少，但在StockSnap.io上的所有照片都是免費的無版權圖片，可以自由運用在商業和非商業用途，且不需標示作者的來源，是一個尋找文章插圖與網頁素材的優質免費素材庫。（立即前往素材庫）

 

設計素材的數量與類型

StockSnap.io官方目前尚未公布免費素材總量，但可以知道的是，StockSnap.io幾乎每周都會更新數百張免費圖片，圖片題材包含：風景、人物、商業應用、情景示意圖等。

 

素材網特色

StockSnap.io免費素材的搜尋標籤很人性化，會自動幫你列出這張圖所有相關的標籤，不用自己想半天！直接點選它提供的免費素材建議標籤，就可以輕易找到想要的網頁素材。另外，如果你在Pixabay找不到想要的網頁素材，建議可以到StockSnap.io找找看，通常會有一些Pixabay沒有的免費圖片，有令人耳目一新的感覺。

 

網頁素材網站6：Canva

 

 

免費素材庫介紹 

Canva是於2013年推出的線上設計素材網站，受到許多學生和行銷人的喜愛，因為操作方式簡單、易上手、圖庫素材龐大，無論是社交媒體、商業行銷個人用途等視覺模板都有提供，讓創作者可以快速產出精緻的視覺內容。Canva需要註冊會員後才可使用，有推出免費、付費（個人、企業）版本，升級成Canva Pro 或Premium方案，還能獲得更多強大的設計輔助功能。（立即前往素材庫）

 

設計素材的數量與類型

Canva的網頁素材數量無庸置疑是最多的，因為它收購Pixabay和Pexels這兩大素材網站。但Canva的素材內容不止於前兩個圖庫的照片、影片和插圖，還包含icon、AI影像、GIF圖、字體、圖表、表格等眾多素材，基本上想要的素材在這裡都可以找到。

 

素材網特色

Canva的特色有很多，以模板套用來說，其中的顏色、大小、位置皆可調整，讓你快速出圖；透過雲端存取功能可以立即保存你創建的網頁素材，無論你身在何處，都可以隨時使用手機存取、編輯或下載這些作品，並且能「新增共同編輯人」，概念類似Google簡報，只要分享連結或是加入對方的Email，就可以開始共享編輯，相當推薦Canva給沒學過專業設計軟體的設計新手。

 

網頁素材網站7：foodiesfeed

 

 

免費素材庫介紹

Foodiesfeed是一個以各種「美食」為主軸的高解析度免費素材網站，目前只支援英文搜尋，免註冊直接下載，無論是使用在個人或商業用途，都不用標示原出處。如果你正在規劃餐飲服務類型的網頁設計，裡面的免費素材再適合你不過了！素材不僅美觀、精緻，再色調、角度、擺拍方式都極具美感，看起來也相當美味誘人，絕對是讓你的網站設計脫穎而出的好幫手。（立即前往素材庫）

 

設計素材的數量與類型

Foodiesfeed免費素材庫的內容數量偏少，約為2000張，其中包含咖啡飲品、蔬菜水果、甜點、鹹食、肉和魚、調味料、各國料理等等，主題圍繞在美食攝影上。

 

素材網特色

foodiesfeed的素材網特色你知道嗎？只要點選右上角的「BLOG」，就可以看到已經分類過的各種食物攝影素材，比起直接搜尋來的更加直覺。像是「咖啡主題」的素材，就會出現從洗咖啡豆、烘咖啡豆、拉花、擺拍等各式有關咖啡的免費素材，每一張圖片都兼具美感和實用性，幫助你大幅縮短查找免費網頁素材的時間。

 

網頁素材網站8：Envato Elements

 

 

免費素材庫介紹

Envato Elements是一個不輸Canva的全能型設計素材網站，大部分網頁素材都需要付費訂閱才能下載，且只有成為會員的人才可以下載圖庫素材；每月更新的「免費素材專區」，提供給素材需求量沒那麼大的人免費使用。與其他網站最大的區別是，Envato Elements的圖片素材是以「包」為單位下載，而非一次下載單張圖片，此外，Envato Elements的網頁素材提供多種檔案格式，例如：png、jpg、ai、eps檔，讓你在免費素材應用上更加便利。（立即前往素材庫）

 

設計素材的數量與類型

Envato Elements提供6000多萬種網頁素材資源，每個月都仍在持續更新中，素材類型包含影片、音樂、圖片、字體、各種模版、WordPress相關主題和外掛等。

 

素材網特色

Envato Elements提供免費的外掛讓 WordPress 網站安裝，可以直接從WordPress 後台搜尋到素材，節省很多找素材的時間，即使不會的編碼知識也可以使用好看的網頁素材模版。另外，Envato Elements還設有一個免費的線上教學課程平台叫做「Envatotuts+」，提供Adobe系列軟體的英文課程，像是如何在Illustrator中製作透明背景、如何在Photoshop中變更線條顏色等。

 

網頁素材網站9：Adobe Stock 

 

免費素材庫介紹

Adobe是一家美國的公司，最有名是該公司所研發的軟體Ps、Ai、Xd、Pr等，也是設計師們最常使用的軟體，而Adobe Stock是他們旗下的素材網站。Adobe Stock會提供10張免費圖片素材的下載量，其他都需要付費使用，當然素材庫的品質是所有素材網站中數一數二好的，就算你不是專業設計師，Adobe Stock的免費素材也能助你的網頁設計更上一層樓。（立即前往素材庫）

 

設計素材的數量與類型

Adobe Stock目前的素材數量已達到2億甚至更多，其中包含圖片、插圖、音樂、字體、影片等，屬於全能型的素材庫。

 

素材網特色

比起其他素材網站提供的圖檔類型，Adobe Stock身為Adobe公司的素材網站，只要點選想要的圖片後，點擊右方的「下載預覽」，就可以使用Adobe軟體直接開啟、導入「我的資料庫」，素材不會佔據電腦的記憶體，可以直接進行線上儲存，簡直是Adobe軟體使用者的福音。

 

網頁素材網站10：Flaticon

 

 

免費素材庫介紹

Flaticon是FreePik公司旗下的附屬網站，是目前最熱門的icon圖庫網站，大部分都是「免費」且可以「商業使用」的，每個素材都會提供PNG、SVG檔和原始碼，使用者可以根據自己的需求輕鬆地下載所需的圖示。另外Flaticon除了有官方設計的icon，還有與許多創作者合作，增添了更多素材的豐富性。（立即前往素材庫）

 

設計素材的數量與類型

目前提供超過21,600個可以下載的免費素材，其中類型包括各大品牌LOGO圖示，例如：IG、LinkedIn、LINE、星巴克、Apple Pay等，還有一般常用型的圖示，例如：購物車、鬧鐘、下載、訊息等日常會使用的圖示素材。

 

素材網特色

點選想要的素材後可以看到「edit icon」，再點進去就可以看到下面這張範例圖的畫面，不僅可以隨意選擇圖示的顏色，還可以隨意翻轉，或者選擇背景圖形或顏色，總而言之有很多可以變動的地方。另外Flaticon最近還增加了一個新的外掛程式，大大提升了Figma的創作速度，若您有使用Figma設計的習慣，很推薦這個icon素材網站。

 

 

10大熱門免費素材網站比較表

 

免費素材網站怎麼選？

以「設計新手」來說

不管是行銷小編需要短時間製作具有美感又吸引目光的貼文以及短影片，又或者是大學生們在製作簡報時需要色調統一、富有創意的簡報模板，都最推薦Canva這個免費的設計素材網站。裡面的圖庫連接Pixabay和Pexels，不怕找不到想要的素材，還可以進行線上編輯，不管是文字的顏色大小和特效，又或者是各種設計素材的調整，都可以在這個網站完成。

 

以「預算考量」來說

以上10大免費素材網站都有各自的特色，有免費的部分，也有需要進階付費的網站，大家可以依據自己的需求，來找尋適合自己的素材庫。低預算會推薦Unsplash，雖然素材類型多為圖片，但是分類清楚、圖檔解析度高，還可以看到素材的下載使用量，避免使用與他人重覆的熱門素材。高預算想要快、狠、準找到網頁素材，則會推薦Adobe Stock，多樣化、高品質、富有創意與設計感的素材庫，是你最佳的網站設計素材庫選擇。

 

以「素材特殊性」來說

如果你需要的是icon類型的素材，建議可以直接到Flaticon查找！這是專門提供icon的免費素材庫，能夠滿足多數人的icon使用需求。若是需要日本文化、東方面孔這類特定的免費素材，則推薦使用Pakutaso搜尋。

 

結論

網路上的免費網頁素材圖庫資源充足，不過在使用上仍有部分限制，在下載、使用免費素材時，別忘了依照素材庫網站上載明的規範使用。你正在規劃屬於自己的網頁設計嗎？在風格定位、版型規劃、圖面製作上是否遇到困難呢？如果有網站設計的預算，建議可以請專業、經驗豐富的網頁設計公司規劃，能夠省下許多時間外，還可能獲得其他意想不到的網頁設計建議。達文西數位科技團隊專注於網站設計，能幫助你製作出兼具「高分與質感」的網站，有效提升網站排名，此外，我們也提供完整的SEO行銷服務，讓你省去下廣告的繁重成本，大幅增加品牌曝光度。
〈延伸閱讀：網頁設計公司不會告訴你的5個真相〉
〈延伸閱讀：網頁設計與SEO的完美整合〉

(本文為達文西數位科技所有，禁止轉載文圖)