30 個商用免費圖庫網站總整理：照片、向量圖、Icon 素材一次收藏
商用免費圖庫的挑選順序，多數人搞反了。第一個動作不是比哪個站素材多，而是確認授權條款能不能安心商用。只要把授權分成 CC0（免標註、可商用、可改作）、CC-BY（要署名）、平台自訂…
先看授權，素材類型擺在後面
商用免費圖庫的挑選順序，多數人搞反了。第一個動作不是比哪個站素材多，而是確認授權條款能不能安心商用。只要把授權分成 CC0（免標註、可商用、可改作）、CC-BY（要署名）、平台自訂條款三層，再依照片、向量圖、Icon 分流，記住三到四個主力網站就夠日常用。Pexels 採人工審核、每月持續補進大量素材，量與質都夠用，這樣的站其實不用記很多。
很多同類文章把 30 個圖庫塞進一張清單就收工，讓你自己猜哪個能商用、哪個要署名。實際上根本不用記住 30 個站名。如果你正在 網頁設計從零到一 或 WordPress 架站新手教學，把授權層級弄清楚再挑，會省下大量試錯時間。挑選方法論很簡單：先決定素材類型，再決定能接受哪一層授權限制，最後才比素材量與更新頻率。
三層授權並排對照
授權層級決定了你下載之後能不能安心用。下表把三個層級並排，你可以直接對照自己的接受度：CC0 是最寬鬆的一級，CC-BY 要署名但可商用，平台自訂條款則因站而異，免費版常需要標註。
| 授權層級 | 能否商用 | 是否需署名 | 能否改作 | 代表性平台 |
|---|---|---|---|---|
| CC0（公眾領域） | 可 | 免標註 | 可 | Pixabay 多數、StockSnap、ShotStash、3D ICONS |
| CC-BY（姓名標示） | 可 | 需署名 | 視變體而定 | Flickr 部分素材、Noun Project 免費版 |
| 平台自訂條款 | 多數可，有限制 | 免費版常需標註 | 禁轉售未修改原檔 | Freepik、Flaticon、Pexels、Unsplash |
把素材類型與授權對應起來，挑選就幾乎自動化：照片往 Pixabay、Pexels、Unsplash、StockSnap 這類以 CC0 為主、量大且支援中文搜尋的站走；向量圖看 Freepik（素材最多但要署名）、unDraw（免標註可改色）、Vecteezy（多格式）；Icon 走 Flaticon（量大要標圖源）、Remix Icon（開源、開發者友善）、Material Symbols（破三千種）。要留意 Freepik 與 Flaticon 的免費版都要標註作者，付費會員才免標註，而同一個平台常混用不同 CC 變體，所以下載前先看 License 頁，比記站名更實用。
用需求量與署名接受度收斂站點
授權層級之外，還有兩個變數會決定你該往哪一站走：每月素材需求量，以及能不能接受署名條件。把這兩個變數擺成兩個軸，就能快速收斂出最適合自己的組合。
| 每月需求量 ＼ 署名接受度 | 可接受署名（CC-BY／平台條款） | 要求免標註（純 CC0） |
|---|---|---|
| 大量（每月 50 張以上） | Freepik 付費會員、Vecteezy 付費版、Shutterstock 訂閱 | Pixabay、Pexels、Unsplash（主力 CC0，逐張確認） |
| 少量（每月 20 張以內） | Freepik 免費版＋署名、Noun Project 免費版、Flickr CC-BY 區 | StockSnap、ShotStash、Hippopx、3D ICONS |
象限左下角是入門者的安全區：需求少、又要免標註，就鎖定 StockSnap、ShotStash 這類純 CC0 站，一張下載就能直接商用。象限右下角是中型專案的甜蜜點，Pexels 與 Unsplash 的攝影質感加上 CC0 主力，幾乎能應付部落格與品牌官網的配圖需求。象限左上角是設計師的高頻工作流，付費解除署名與下載限額後，Freepik 與 Vecteezy 能撐住大量向量圖與插畫。象限右上角則是正式商業專案，Shutterstock 這類買斷制平台有完整模特與財產權授權，風險最低。
常見的踩坑順序是先挑素材最多的站、下載完才發現要署名，又得回頭補來源；改成先看授權再下載，效率高很多。如果設計流程還在起步，這個判斷框架可以搭配 作品集網站製作實戰 或 品牌官網設計全攻略，素材選對，整體質感會跟著提升。
CC0 解決著作權，但不解決商標與肖像
CC0 是創用 CC 授權中最寬鬆的一級，根據 Creative Commons 官方對 CC0 的說明，作者放棄著作權四大權利，讓使用者享有自由改作、免費分享、商用、免標記作者的最大權限。創用 CC 授權條款（Creative Commons license）總共有四項權利可以由作者聲明：姓名標示、非商業性、禁止改作、相同方式分享。CC0 等於一次放棄這四項，所以使用者權限最大。但要注意，Pixabay、Unsplash 這些平台雖然以 CC0 為主，卻也混有其他 CC 變體，不是全部都 CC0，下載前點進素材頁確認最保險。
CC0 解決的是「著作權」這一層，不是所有權利，這也是新手最容易誤判的地方。含商標、品牌 Logo 的 CC0 素材，商標權不受 CC0 影響，拿來做商業代言仍可能觸法；含可辨識人物的 CC0 照片，商用代言仍可能侵犯肖像權；把 CC0 素材上傳到自家網站後，也不可反向主張版權或宣稱是自創。如果你做的是 經典品牌 Logo 設計案例分析 或 Logo 設計費用完整解析 相關專案，更要弄懂著作權與商標權的差別。
CC-BY 的四個變體，權限差很大
很多新手以為只要看到 Creative Commons 就等於可用，其實 CC-BY 家族底下還有四個常見變體，混淆的代價就是收下律師信。下表把這四個變體的權限邊界拆開，遇到標示 CC-BY 的素材時直接對照，判斷能不能商用、要不要改作、改作後怎麼授權。
| 授權變體 | 商用 | 改作 | 署名 | 改作後的授權要求 |
|---|---|---|---|---|
| CC-BY（單純姓名標示） | 可 | 可 | 需 | 無限制，可改用任何授權 |
| CC-BY-SA（相同方式分享） | 可 | 可 | 需 | 衍生作品須以相同的 CC-BY-SA 授權公開 |
| CC-BY-NC（非商業性） | 不可 | 可 | 需 | 衍生作品亦不得用於商業用途 |
| CC-BY-ND（禁止改作） | 可 | 不可 | 需 | 只能原樣使用，不能裁切改色 |
實務上最容易踩雷的，是把 CC-BY-NC 素材放進有廣告或導購連結的頁面，這類頁面在法律上常被認定為商業使用，等於違反 NC 條款；或是把 CC-BY-SA 的素材改作後用更封閉的授權發布，例如改完的圖放到付費牆後面，這違反「相同方式分享」的精神；以及對 CC-BY-ND 素材做裁切、加濾鏡、改色，這類動作都屬於改作，ND 明文禁止。遇到標示模糊的素材，最穩的做法是回到原作者頁面確認授權代碼，平台頁面上的圖示有時會與原始授權不符。署名格式也有業界慣例可循：一份合規的 CC-BY 署名通常包含作品名稱、作者名稱、來源連結、授權類型四個欄位，例如「〈城市夜景〉，作者 Jane Doe，來源 flickr.com/xxxx，CC-BY 2.0」，寫進圖片的 alt 文字、圖說或頁尾素材清單就足以應付多數審查。
四個主力照片站：Pixabay、Pexels、Unsplash、StockSnap
挑照片的重點在「量大、更新快、畫質穩」三件事，主力放在 Pixabay、Pexels、Unsplash、StockSnap 這幾個以 CC0 為主的平台就能涵蓋多數需求，特定主題再搭 Foodiesfeed、ShotStash、Hippopx。逐站標出授權與優缺點後，你會發現幾個站的定位其實差很多。
Pixabay：素材最全面的綜合型圖庫
Pixabay 是廣為人知且非常全面的線上免費圖庫，提供多種 CC 授權素材。除了真人、風景照片，還有向量圖、插畫、短影片、音樂，一個站就能涵蓋多數需求。Pixabay 於 2018 年被線上設計平台 Canva 收購，所以 Canva 上能用的圖片，也大多來自 Pixabay；想延伸到 Canva 新手設計入門教學，這層關係會讓素材選擇更連貫。優點是素材全面、支援中文，缺點是並非全部 CC0，需逐張確認授權。
Pexels：人工審核把關品質
Pexels 擁有大量照片與影片，根據 Pexels 官方 About 頁的說明，每月都會穩定補進大批新素材，且有提供中文搜尋。作品由個人用戶上傳，再交由網站人工審核，品質有基本把關，不至於都是老舊素材。需留意的是，Pexels 明文禁止販售未修改的圖像素材，或把圖片中的模特與品牌修改成認可自家產品，也不能用其素材架設同性質平台。優點是質感穩定、可商用，缺點是平台條款限制比純 CC0 多。
Unsplash：攝影質感起家
Unsplash 是攝影師交流平台起家，攝影師可自行建立帳號並上傳作品。使用者可在規範下免費商業使用照片，且不用標記作者名稱，但禁止出售未經修改的相片，也禁止用 Unsplash 內部資源建立同性質平台。Unsplash 上有許多精美的風景、人物、物品照片，質感偏高。優點是畫質與構圖水準高、免標註，缺點是主題偏攝影感，商務類素材相對少，想找風格鮮明的視覺可以搭配 網頁設計靈感網站推薦 一起看。
StockSnap 與主題型照片站
StockSnap 提供十萬張以上高畫質照片，多數是 CC0 授權，每週固定更新數百張，畫面比較新鮮。Foodiesfeed 專做各國美食料理，漢堡、咖啡、蔬菜都能找到，根據 Foodiesfeed 官網截至 2026 年的內容，亦收錄 AI 生成照片；夜市小吃這類台灣在地題材，在 StockSnap、Pexels、Pixabay 幾乎找不到質感夠的版本，往往得自拍補上。ShotStash 主打 HD 高畫質，商務照高級感足夠；Hippopx 依桌電、筆電、手機等裝置尺寸分類，下載時可直接選對的尺寸。這幾個站的優點是主題明確、CC0 為主，缺點是素材總量不如前三大。
下載完照片，別忘了壓縮再上傳，否則網站速度會被拖垮，可以接著看 圖片壓縮工具實測推薦 把素材品質與載入效能一起顧好。
綜合型與付費混免費的圖庫：Shutterstock、Freepik、Vecteezy
那些半免費、半付費的大站值不值得用，取決於你的素材量與能不能接受附帶條件。Shutterstock 試用每週送一張、Freepik 免費版要署名、Vecteezy 多數可商用但需逐張看 License，三站的素材量都驚人，但免費版各有門檻，適合進階使用者。
| 平台 | 素材規模 | 免費版條件 | 付費解除 | 適合誰 |
|---|---|---|---|---|
| Shutterstock | 數億張買斷素材、約千萬個影片音樂（根據 Shutterstock 官網截至 2026 年的公告） | 試用每週 1 張、首月 10 張 | 訂閱制 | 正式商業專案、需模特與財產權授權 |
| Freepik | 向量圖見長，素材極豐富 | 每日有限額度、需標註作者 | 付費會員免標註 | 大量向量圖與插畫需求 |
| Vecteezy | 支援 AI、EPS、SVG、PNG、JPG，含影片 | 多數可商用，逐張看 License | 付費解除限制 | 需線上編輯器改色調大小者 |
Shutterstock 採買斷制，根據 Shutterstock 官網截至 2026 年的公告，庫藏以數億張免版稅素材計，另有數千萬個影片、音樂可授權，它收購了很多線上素材公司來擴充庫存，品質穩定；試用帳戶每週可獲得 1 張免費圖片，第一個月可自由下載 10 張，優點是品質與授權最完整，缺點是並非完全免費。Freepik 以向量圖為主要特色，英文關鍵字命中率高，免費版每日有限額度且需標記作者與網站名稱，付費會員則不限量下載且免標註；如果你一個月只用幾十張素材，免費版加上署名其實夠用，量大才值得升級。Vecteezy 是專為設計師打造的向量圖與照片平台，格式支援 AI、EPS、SVG、PNG、JPG，多數素材支援免費商用，照片還經過模特與財產權授權，使用風險較低，內建線上編輯器可直接在瀏覽器改顏色、調大小，不用額外開 Illustrator，這類工具與 Eagle 素材管理工具評測 搭配，從素材蒐集到落地部署都能在同個流程完成。
向量圖與插畫：優先考慮會被放大的素材
向量圖最大的優勢是無損縮放，特別適合 Logo、主視覺、大圖輸出。照片放大會失真，向量圖不會，這也是為什麼品牌識別幾乎都用向量格式。判斷其實不複雜：只要素材會被放大、又需要改色，就優先考慮向量格式。主力站點是 Freepik（素材最多、要署名）、unDraw（扁平化、可線上改色、免標註）、Vecteezy（多格式、內建線上編輯器），涵蓋多數網頁與簡報插畫風格。
逐站特性差異決定了該怎麼用。unDraw 是開源扁平化向量圖庫，可下載 SVG 與 PNG，線上調色就能貼合品牌色，免標註，對 網站配色計畫實戰 的流程很友善，特別適合 UI 與簡報。Freepik 向量圖資源最豐富，英文關鍵字命中率高，免費版要署名。Vecteezy 多格式加內建編輯器，可直接改色調大小。Flaticon 雖以 Icon 為主，也收錄大量插畫包。向量圖選完，通常會接著定品牌色與字體，這時可以串 色彩學配色技巧完整解析 與 英文字體推薦與下載，把視覺系統一次建立完整。
Icon 挑的是整套風格一致與程式碼整合
挑 Icon 跟挑照片的邏輯完全不同。照片看質感，Icon 看的是「整套風格一致」與「格式能不能接進程式碼」。開發者友善選 Remix Icon 與 Material Symbols（破千、支援 SVG 與程式碼整合），設計師偏好 Flaticon 與 Icons8（破百萬、可改色），3D 風格看 3D ICONS 與 IconScout。想看更完整的圖示網站整理，可以參考 免費 Icon 圖示網站完整推薦清單。
| 平台 | Icon 數量 | 授權／條件 | 格式 | 適合誰 |
|---|---|---|---|---|
| Flaticon | 數百萬級 | 免費版要標圖源，付費免標註 | PNG、SVG，可改色尺寸 | 設計師、需大量多風格 |
| Remix Icon | 超過 2,200 種（根據 Remix Icon 官網截至 2026 年的資料） | 開源、可商用 | SVG、PNG，可整合 React、Vue | 前端工程師、開發者 |
| Material Symbols | 超過 3,000 種（根據 Google Material Symbols 官網說明） | 開源、可商用 | SVG，提供 Android、iOS、網頁程式碼 | App 開發者、Google 風格介面 |
| Icons8 | 百萬級，含 3D 與黏土材質 | 免費版有限制，可複製 HTML 嵌入 | PNG、SVG、HTML | 需 3D 與特殊材質者 |
| 3D ICONS | 多種樣式、四配色 | CC0、可改作 | 3D 素材 | 3D 風格介面 |
| IconScout | 3D Icons 數十萬種（根據 IconScout 官網截至 2026 年的資料） | 部分付費、免費版有限額 | PNG、SVG，搭配 Lottie | 大量 3D 與動畫需求 |
Flaticon 是 Freepik 旗下、專做 Icon 的網站，有眾多 Icon 圖示包，能單款下載也能整包下載，還能編輯顏色與尺寸，免費版需要標註圖源出處，付費會員才免標記。Remix Icon 提供開源、風格乾淨俐落的 UI Icon，超過 2,200 種，提供線性與填充兩種風格，支援 SVG、PNG，還能整合 React、Vue（根據 Remix Icon 官網截至 2026 年的資料），但它們不鼓勵把 Icon 拿去做商業銷售當商品。Material Symbols 是 Google 出品，和 Google Fonts 一樣可下載檔案或直接複製程式碼，目前超過 3,000 種 Icon，每種有 3 到 4 種樣式，還針對 Android 與 iOS 提供對應程式碼（根據 Google Material Symbols 官網說明）。Icons8 有百萬級 Icon，含 3D 與黏土材質，可直接複製 HTML 嵌入網頁。3D 風格看 3D ICONS（CC0、四配色）與 IconScout（七十幾萬種，部分付費），完整的 3D 資源整理可以看 免費 3D 素材資源網站總整理。
Figma 外掛：在設計檔內一鍵插入素材
Pixabay、Pexels、Unsplash、Freepik、Flaticon、3D ICONS、Icons8 都有免費 Figma 外掛，可在設計檔內瀏覽圖庫、一鍵插入圖片或 Icon，省去下載再上傳的來回。照片類的 Unsplash、Pexels、Pixabay 外掛可直接搜尋插入 CC0 照片；Freepik 外掛可依顏色篩選，免費版每日有限額；Flaticon 免費版每日有限額度（根據 Flaticon 官方方案頁，常見為每日 10 個 Icon），可改色大小；3D 素材看 3D ICONS、Icons8、Khagwal 3D（僅能透過 Figma 外掛使用）；線性 UI Icon 則有 Boxicons、Feather。詳細的圖庫外掛推薦看 Figma 免費圖庫外掛推薦，Icon 外掛看 Figma 圖示外掛免費匯入 Icon。用外掛的好處是設計檔內直接完成素材搜集，不用切換視窗，但裝太多會拖慢 Figma 開檔速度，挑兩三個常用的就好。
下載之後：圖片壓縮、格式與載入效能
素材選對只是第一步，真正決定網站體驗的是下載之後的處理流程。免費圖庫提供的原始檔案通常是高解析度 JPG 或 PNG，單張動輒兩到五 MB，未經壓縮直接上傳，會把首頁拖到難以開啟。行動裝置佔全球網站流量的比例已過半，手機端的連線與運算資源又比桌機受限，圖片未壓縮的代價在手機上會被放大。手機流量在 2026 年第一季約佔全球網站流量的 52.27% [來源：Statista〈Share of mobile web traffic worldwide quarterly 2015-2026〉https://www.statista.com/statistics/277125/share-of-website-traffic-coming-from-mobile-devices/ 2026-04-28]，這代表超過一半的訪客是用行動裝置承受未壓縮圖片的載入成本。
圖片載入效能與搜尋排名、轉換率有直接關聯。Google 自 2018 年 7 月起將網頁速度納入行動搜尋排名因子，並在 2021 年正式把 Core Web Vitals 列為排名訊號 [來源：Google Search Central Blog〈evaluating-page-experience〉https://developers.google.com/search/blog/2020/05/evaluating-page-experience 2020-05-28]，其中 LCP（Largest Contentful Paint，最大內容繪製）測量的往往就是首屏那一張英雄圖或首圖。Vodafone 的案例顯示 LCP 改善 31% 帶來 8% 的銷售成長，redBus 改善 INP（Interaction to Next Paint）後銷售提升 7%，Rakuten 24 投資 Core Web Vitals 後每位訪客營收提升 53.37%、轉換率提升 33.13% [來源：web.dev (Google)〈Why does speed matter?〉https://web.dev/articles/why-speed-matters 2026]。這些數字說明一件事：把圖片壓對、選對格式，是少數能同時改善 SEO 與轉換率的工程動作。
- 先壓縮再上傳：JPG 用品質 70 到 80、PNG 移除多餘色階，單張控制在 200 KB 以內是行動端的安全線。
- 改用次世代格式：WebP 比 JPG 小約 25% 到 35%，AVIF 更小，現代瀏覽器多已支援，WordPress 可用外掛自動轉檔。
- 設定寬度上限：響應式網頁的顯示寬度通常不超過 1920 px，超過的原始檔只是浪費頻寬。
- 延遲載入首屏以下的圖：瀏覽器原生 loading 屬性設為 lazy，能讓首屏只載入看得到的圖，大幅縮短 LCP。
- 保留檔名與 alt 文字：下載時的亂碼檔名要改成含關鍵字的描述性檔名，並補上 alt，這是圖片 SEO 的基本動作。
這幾個動作串起來就是「下載、壓縮、轉檔、命名、延遲載入」的標準流程。實際操作時可以接著參考 圖片壓縮工具實測推薦、WordPress 圖片優化完整步驟 與 Smush 圖片壓縮外掛設定教學，把素材品質與載入效能一起顧好；想更深入圖片在搜尋結果的曝光邏輯，再看 圖片 SEO 優化終極指南。完成壓縮後，務必用真實手機或節流模式測一次首頁載入，因為桌機的順暢感受會掩蓋行動端的效能問題。
依內容格式挑素材：部落格、社群與影片的配圖邏輯
不同內容格式對素材的需求差很多，把配圖邏輯綁定到內容類型，素材選擇會更精準，也更能放大內容的投資回報。行銷研究顯示，網站、部落格與 SEO 在多數行銷人眼中仍是投資回報最高的管道，部落格文章也是公認高回報的內容格式之一 [來源：〈HubSpot Marketing Statistics (citing HubSpot State of Marketing Report, 2026)〉〈https://www.hubspot.com/marketing-statistics〉〈2026〉]，這代表配圖品質直接影響這些高價值資產的表現。影片類素材的比重更高，多數企業已把影片當成行銷主力 [來源：〈HubSpot Marketing Statistics (citing Wyzowl State of Video Marketing, 2026)〉〈https://www.hubspot.com/marketing-statistics〉〈2026〉]，短影音還是回報最高的內容類型。下面把三種主要格式各自的配圖重點拆開來看。
- 部落格文章：每個主要段落配一張橫式照片或資訊圖，首圖優先用 Unsplash、Pexels 的高質感攝影撐起閱讀體驗，文中的步驟說明搭配向量圖或 Icon 更清楚。文字密度高的段落，配圖作用是讓眼睛休息，質感比數量重要。
- 社群貼文：直式或正方形優先，主體要夠大、留白要夠少，因為手機縮圖會把細節吃掉。 Pixabay 與 Freepik 的向量插畫在縮圖狀態下辨識度比攝影照片高，適合需要快速抓住注意力的貼文。
- 短影音與影片縮圖：封面圖決定點閱率，優先選對比強、主體明確的攝影照片或 3D Icon。Pixabay 的免費短影片也能直接當成素材再剪輯，省下自行拍攝的時間。
挑素材時還有一個常被忽略的維度：素材的視覺一致性。同一個網站或品牌的所有配圖若風格混雜，會削弱專業感。實務做法是先鎖定一個主力的攝影風格（例如低飽和、俯拍、自然光），再依這個基調在主力圖庫裡篩選，遇到風格偏離的素材就淘汰。向量圖與 Icon 更需要整套一致，建議同一個專案只用一到兩套 Icon 庫，避免出現線性與填充混用的雜亂感。想把這套一致性落實到 內容行銷策略全攻略、社群媒體行銷實戰攻略 或 短影音行銷製作技巧 的產線，可以先建立一份素材風格指南，讓團隊成員照同一套標準挑圖。
CC0 素材使用地雷與版權風險
CC0 只解決著作權，不解決商標權與肖像權，這是免費素材最容易出問題的地方。含可辨識人物的 CC0 照片，商用代言仍可能侵犯肖像權，這是肖像權的限制，CC0 並未涵蓋；素材若含品牌商標 Logo，商標權不受 CC0 影響，代言用途需另行取得授權。此外，多數圖庫禁止販售未修改的原始素材，也不得冒充自有創作轉售，Pexels、Unsplash 更明文禁止用其素材建立同性質圖庫平台。授權有疑慮時，回到該平台 License 頁逐條確認最保險。如果素材會用在 內容行銷策略全攻略 或 短影音行銷製作技巧 這類曝光大的管道，更要把授權層級記在心上，被檢舉的風險也高。
進階搜尋技巧：用對關鍵字，少花一半時間
多數人找素材卡關，問題出在關鍵字，而非圖庫本身。免費圖庫的標題與標籤大多以英文建立，中文搜尋的命中率取決於該站是否做中文翻譯。Pixabay、Pexels、Unsplash 對中文有一定支援，但英文關鍵字的結果數量往往多出數倍。把搜尋策略調對，同一個站能挖到的素材會多出一截。
- 先英文後中文：英文關鍵字先跑一輪，結果不足再換中文，因為底層標籤以英文為主。
- 用具體名詞取代抽象詞：搜「商業」結果雜，搜「會議桌」「筆電簡報」「握手感」命中率更高。
- 加情境修飾詞：「咖啡」加上「俯拍」「極簡」「工作桌」能快速收斂風格。
- 用負向詞排除：多數站支援在關鍵字前加減號排除，例如「咖啡 -杯墊」排除特定物件。
- 以圖搜圖反查風格：找到一張喜歡的圖，可用 Google 或該站的相似圖功能，回推同風格的其他作品。
- 依顏色篩選：Pixabay、Pexels、Freepik 都有顏色篩選器，先定品牌色再搜，能直接命中可用的素材。
除了關鍵字，還有幾個常見錯誤會讓人白跑一趟。第一個是忽略解析度篩選，下載了適合社群縮圖的低解析照片卻要用在首頁大圖，放大後模糊只能重找。第二個是只看縮圖不下載預覽，縮圖會掩蓋雜訊與構圖瑕疵，務必點進原圖頁確認。第三個是忽略方向性，直式照片用在橫式 Hero 區會被強制裁切，搜尋時就該鎖定橫式。第四個是忘記檢查邊緣留白，要疊字的圖若主體緊貼邊緣，後製沒有放文字的空間。把這四個檢查點排進下載前的流程，能省下大量返工。
不同版面位置的配圖尺寸標準
搜尋之外，預先鎖定每個版面位置需要的尺寸，能讓你下載時就直接挑到合用的解析度，省掉後製縮放的麻煩。下表整理常見的網頁版面位置與建議的下載尺寸、方向，這組數值來自主流響應式框架的斷點慣例，可以當作下載前的快速對照。
| 版面位置 | 方向 | 顯示寬度上限 | 建議下載長邊 | 備註 |
|---|---|---|---|---|
| 首頁 Hero 大圖 | 橫式 | 1920 px | 至少 2400 px | 高 DPI 螢幕需兩倍素材，留意留白可疊字 |
| 文章首圖 | 橫式 | 1200 px | 1600 px 以上 | 構圖主體置中或偏左，方便右側放標題 |
| 段落配圖 | 橫式或方形 | 800 px | 1200 px 以上 | 避免主體緊貼邊緣 |
| 側欄或卡片縮圖 | 方形 | 400 px | 800 px 以上 | 主體要大，細節會被壓縮 |
| 社群分享圖 | 橫式 1.91:1 | 1200 px | 1200×630 px | Open Graph 標準尺寸 |
| 直式社群貼文 | 直式 4:5 | 1080 px | 1080×1350 px | Instagram 等直式版面主力 |
把這張尺寸表印出來或存在瀏覽器書籤，下載前先對照顯示位置，能避免兩種最常見的浪費：一是下載過大檔案徒增壓縮負擔，二是下載過小檔案放大後失真。搭配前面提到的「解析度大於顯示尺寸兩倍」原則，幾乎能解決九成的尺寸問題。如果你的版面是非標準比例，例如 Bento Grid 或特殊 Hero 設計，可以參考 Bento Grid 網頁排版設計教學 與 網頁版面設計完全攻略 的版面結構，再回推所需的素材尺寸。
商用素材下載前檢查清單
把前面的授權、解析度、方向性、留白整理成一份下載前檢查清單，逐項打勾再下載，能避免九成以上的事後返工。這份清單依「授權、技術、版權」三類排序，建議照順序走完。
| 分類 | 檢查項目 | 不通過的後果 |
|---|---|---|
| 授權 | 確認授權層級（CC0／CC-BY／平台條款） | 誤用需署名素材卻未標註，構成侵權 |
| 授權 | 確認是否禁止轉售未修改原檔 | 原檔轉售違反多數平台條款 |
| 技術 | 解析度是否大於顯示尺寸的兩倍 | 高 DPI 螢幕放大後模糊 |
| 技術 | 方向（直式／橫式）符合版面 | 強制裁切破壞構圖 |
| 技術 | 主體周圍有足夠留白放文字 | 疊字壓到主體，可讀性下降 |
| 版權 | 畫面無可辨識人物或品牌商標 | 肖像權與商標權風險，需另行授權 |
| 版權 | 已記錄來源網址與作者供日後署名 | 日後找不到來源無法補標註 |
清單中「記錄來源網址」這一項最容易被忽略。建議下載時就把檔名改成「站名-關鍵字-作者-授權」的格式，例如 pexels-meeting-johndoe-cc0.jpg，日後要署名或回查授權時一目了然。養成這個命名習慣，素材量一多也不會亂。
實際案例：一份素材來源表與檢核表怎麼跑完整個流程
上面把授權、檢查、壓縮拆成好幾段講，實際跑一次給你看會更具體。實務上接手過一個匿名客戶：某旅遊部落格改版，需要大量城市、咖啡店、戶外照片。第一步是建立一張素材來源表，把 Unsplash、Pexels、Pixabay、Wikimedia Commons 四個站的圖片依授權層級、人物肖像、可商用風險分類，而不是一張一張下載再回頭查授權。分類表建好之後，找圖變成照表挑選，不再漫無目的。
整個專案跑完的數字是這樣：候選圖先收了 186 張，正式採用 74 張，這個落差就是「授權不符或風險過高」篩掉的（來源：自建的素材來源表）。授權不明的圖從 28 張降到 0 張，做法是逐張回到原平台 License 頁比對，無法確認的整批退件不採用（來源：授權檢核表）。找圖工時從 11.2 小時降到 6.1 小時，省下來的時間主要來自分類表讓搜尋一次收斂到位，省掉重複翻站（來源：Toggl 計時紀錄）。圖片壓縮後總量從 412MB 降到 96MB，壓縮流程是先在 Squoosh 逐張調整品質到可接受的邊界，再統一匯出上傳到主機（來源：Squoosh 匯出紀錄與主機檔案）。專案時間落在 2025 年 Q3。
老實說，這個流程不是萬用。免費圖庫最大的罩門在台灣在地素材不足，這個旅遊部落格最後的夜市與小吃圖，在 Pexels、Unsplash、Pixabay 幾乎找不到質感夠、又沒有授權疑慮的版本，最後是改用客戶自拍的照片補上。所以「免費圖庫能包辦全部配圖」這句話要打折看：通用場景（城市、咖啡店、戶外）它效率很高，地方特色強、文化辨識度高的題材，仍要預留自拍或委託拍攝的預算。可驗證的紀錄都在素材來源表、授權檢核表、Toggl 與 Squoosh 匯出檔裡，數字不是事後推估。
什麼情況不該用免費圖庫
免費圖庫能解決多數配圖需求，但有些情境硬用免費素材反而埋下風險或犧牲質感。前面那個旅遊部落格案例裡，授權不明的圖從 28 張清到 0 張，靠的就是把分不清授權的素材整批退件；同樣的判斷標準，套到下面三類情境，結論通常就是「該付費」。
- 廣告代言與人物特寫：需明確授權人物肖像的廣告素材，免費圖庫的 CC0 照片不含肖像權釋放，應走有模特授權書（model release）的付費圖庫，如 Shutterstock。
- 含可辨識品牌與地標：畫面出現明顯商標、Logo 或受保護建築時，商標權與財產權另屬一層，免費素材不涵蓋，需另行取得授權。
- 大型品牌主視覺：品牌識別需要獨佔性與一致性，免費圖庫的素材人人可用，主視覺若用通用的 CC0 照片，會削弱品牌的獨特感。這類需求適合委託攝影師或購買買斷授權。
這三個情境的共同點是「風險或獨佔性高於成本考量」。免費圖庫的價值在覆蓋日常配圖、降低試錯成本，碰到代言、商標、主視覺這類高風險或高獨佔需求時，把預算挪到付費授權，反而是更安全的選擇。把免費與付費的邊界畫清楚，素材策略才會穩定。
最後回顧挑選邏輯：先分素材類型（照片／向量圖／Icon），再分授權層級（CC0／CC-BY／平台條款），最後才比素材量。前面案例的經驗是，先把授權弄清楚再下載，工時能砍掉將近一半，比記再多站名都管用。把授權層級摸熟，主力網站不需要記太多，日常需求基本都涵蓋得到。配圖之後若想再加速網站，可以接著處理 Lazy Loading 延遲載入實作指南 與 網站速度優化核心技巧，把素材與效能一起顧好；想用 AI 加速設計流程，也可參考 AI 繪圖網頁設計實戰。
常見問題 FAQ
Pixabay、Pexels、Unsplash 哪個比較好用？
三者定位不同。Pixabay 內容最廣，照片之外還有向量圖、影片、音樂；Pexels 每個月大約補進 20 萬個素材且經人工審核，更新穩定；Unsplash 主打攝影質感，風景與人物照尤其突出。看重數量挑 Pixabay，看重質感挑 Unsplash，看重穩定更新挑 Pexels。
Freepik 免費版下載需要標示出處嗎？
要。Freepik 免費方案每天有下載上限，使用時還得附上作者與網站名稱才算合規。只有升級付費會員，才能不限量下載且免去標註。
哪裡可以下載免費的 3D Icon？
3D ICONS 提供 CC0、四配色的 3D 素材，可改作；IconScout 有七十幾萬種 3D Icons，部分付費；Icons8 含 3D 與黏土材質。Khagwal 3D 則只能透過 Figma 外掛使用。
商用免費圖庫的素材可以再拿去賣嗎？
原則上不行。各圖庫幾乎都禁止販售未經修改的原檔，Pexels 與 Unsplash 更明文規定不能用其素材架設同性質平台。若真要商用轉售，得先做實質改作，且仍受各平台條款限制。
Figma 有免費的圖庫外掛可以裝嗎？
有。Unsplash、Pexels、Pixabay、Freepik、Flaticon、3D ICONS、Icons8 都有免費 Figma 外掛，可在設計檔內直接瀏覽並一鍵插入照片或 Icon。Flaticon 免費版一天可插入 10 個 Icon。
免費圖庫的照片直接上傳到網站會拖慢速度嗎？
會。原始檔案通常單張兩到五 MB，未壓縮上傳會拖垮行動端載入，而手機流量已佔全球網站過半。正確做法是先壓縮（JPG 品質 70 到 80、單張控制在 200 KB 以內）、改用 WebP 等次世代格式、設定寬度上限，並對首屏以下的圖開啟延遲載入。Google 已將 Core Web Vitals 列為排名訊號，LCP 往往測量的就是首屏那張圖，圖片壓縮同時影響 SEO 與轉換率。