30 個商用免費圖庫總整理：照片、向量圖、Icon

設計稿明天要交，文章今晚要發，畫面上的區塊卻還空著。搜尋「免費圖庫」會看到一大串結果，每個網站都把「免費」寫得很醒目，真正難的問題卻藏在下載按鈕後面：這張圖能不能放進客戶官網、廣告、商品包裝或社群貼文？需要署名嗎？照片裡的人物與商標又算誰的權利？

這篇整理 30 個提供免費素材的來源，涵蓋照片、向量圖、插畫、Icon 與影音。清單只是入口，重點是把授權判斷、素材管理、圖片效能與 SEO 串成可重複執行的流程。平台名稱、方案與條款都可能調整，實際使用仍以下載當下的素材頁、帳號方案與授權全文為準。

這裡整理的是查核與操作指南，不是針對個案的法律意見。一般文章配圖可依下列流程自行把關；涉及大額廣告、商品販售、敏感人物、跨國使用或權利通知時，應保存完整資料並交由合適的專業人員評估。

免費圖庫可以商用嗎？先看「這一張」的授權

短答案是：清單中的來源都有免費素材，但不代表站內每一項素材都能用於任何商業情境。同一平台可能同時存在免費、付費、僅供編輯用途與第三方授權內容。判斷單位應該是「特定素材＋下載方案＋實際用途」，不是網站首頁的一句宣傳文案。

常見授權	商用與修改	署名	下載前要查什麼
CC0／公有領域	著作權層面通常可商用、修改	通常不要求	標示是否可信、是否另有肖像、隱私或商標權
平台自訂免費授權	依平台條款，常禁止原檔轉售或建立競爭素材庫	依條款	素材頁、禁止用途、是否有人物或物業釋出
CC BY 4.0	可商用、可改作	要標示作者、授權與修改狀態	作者名稱、作品連結、授權版本
Freemium 免費方案	依素材與方案	免費方案常要求署名	帳號層級、署名格式、下載紀錄
Editorial Use Only	限新聞性、紀實或公共利益脈絡，不能直接拿來促銷	依平台要求	用途限制、地區、期間、刊載情境

Pexels、Pixabay 與 Unsplash 都用自訂授權，不是把作品一律放進公有領域。三者允許的範圍與限制不完全相同：Pexels 禁止未修改轉售、暗示人物或品牌背書，以及建立競爭平台；Pixabay 對獨立原檔銷售、可辨識商標的商業使用與誤導性使用設有限制；Unsplash 允許廣泛使用，但不允許未經重大修改出售圖片或彙整成相似、競爭服務（依三者 2026 年的授權頁）。

CC 授權處理的是著作權人能授予的權利，不會自動替使用者清除商標、隱私、公開權或其他第三方權利。Creative Commons 官方 FAQ（2026）也明確提醒，CC 授權不影響這些權利，使用者可能仍須另行取得許可。

下載前用 6 個問題做判斷

授權頁很長時，不必從頭背法律名詞。把專案拆成六個問題，能快速找出需要停下來確認的地方：

1. 誰提供這張素材？確認作者、平台與原始素材頁，不要只保存搜尋結果或轉貼頁。
2. 下載時是哪個授權？記錄授權名稱、版本、方案與日期。平台後來改名或改條款時，才有辦法回溯。
3. 用途屬於哪一類？網站文章、品牌廣告、商品包裝、影片片頭、可下載模板與再散布素材，對授權的要求不同。
4. 會不會把素材本身當成商品？把照片放進文章與把原圖印成海報販售不是同一件事；許多平台禁止沒有實質改作的獨立銷售。
5. 畫面裡還有誰的權利？檢查人物、私有空間、藝術品、產品外觀、商標與機密資訊。
6. 能否留下證據？若無法取得素材頁、授權全文或下載紀錄，就不適合拿去做高風險商業用途。

同一張照片可以在一篇新聞評論中屬於合理的編輯使用，放到產品首頁卻變成商業背書；同一套 Icon 可以放在 App 介面，卻不能直接重新打包成 Icon 套件出售。把「素材」與「使用行為」分開記錄，才能避免團隊看到檔案已在共用資料夾，就誤以為任何用途都已核准。

找圖前先把搜尋方式改對

用英文與同義詞擴大結果

多數國際圖庫以英文標題與標籤建立索引。搜尋「團隊合作」可能只得到少量結果，改用 teamwork、collaboration、brainstorming、remote team，會得到不同場景。別只翻譯名詞，也要加入產業、情緒、動作與地點，例如 fintech trust、quiet workspace、customer support office。

以版位條件反推照片

Hero banner 需要橫幅與可放標題的留白，人物卡片需要一致的視線方向，限時動態偏向直式構圖。先寫下版位比例、主體位置與品牌色，再用方向、顏色、人物數量等篩選器縮小範圍。這比找到照片後硬裁切更穩，也能減少重要主體在手機版被切掉的情況。

把物品關鍵字改成使用情境

搜尋 coffee 常得到杯子特寫；搜尋 morning routine、cafe workspace 或 slow weekend，畫面會多出人物、空間與情緒。文章主圖通常要傳達讀者正在面對的情境，不只是重複文章裡的名詞。這個做法對 內容行銷特別實用。

建立關鍵字與授權紀錄

找到合用素材時，同時記下搜尋字、來源頁、作者、下載日期、授權版本與預計用途。下次遇到相似專案，能從已驗證的關鍵字與來源開始，不必重新猜。以圖搜圖可用來尋找同系列、原始來源或視覺相近素材，但不能把「搜尋得到」當成授權證明。做 品牌官網時，風格一致與來源可追溯要一起處理。

免費照片圖庫 12 選

照片類來源適合文章主圖、社群封面、簡報與網站情境圖。表格中的「適合用途」是選圖建議，不是法律授權；真正的使用範圍仍要回到每張素材的授權標示。

來源	常見內容	授權判斷	適合用途
Unsplash	生活、人物、旅行、空間	Unsplash License，免署名；有轉售與競爭服務限制	Hero、文章主圖、品牌情境
Pexels	照片與短片，題材廣	Pexels License，免署名；有轉售、背書與競爭平台限制	內容配圖、社群、短片
Pixabay	照片、插畫、向量、影音	Pixabay Content License；需留意商標與獨立原檔限制	簡報、教學、綜合搜尋
Burst（by Shopify）	電商、零售、產品情境	Burst License 或素材標示的 CC0，免署名；禁止出售獨立原檔	電商版位、商品情境
StockSnap	商業、自然、科技	網站標示 CC0；人物與物業權利仍需另查	部落格、商業文章
Kaboompics	生活美學、室內、色彩	素材可能為 Standard 或 Editorial Only	生活風格、選物、社群
SplitShire	目前頁面含 AI 生成圖片	站方一般條款限制個人使用，商用前需取得明確許可	靈感探索，不列為商用主力
Life of Pix	城市、空間、自然	依官網當下條款與素材頁	建築、旅遊、空間主題
picjumbo	商業、生活、背景圖	可商用、免署名；部分人物或物業沒有釋出文件	部落格、簡報、商業情境
Freestocks	生活、人像、時尚	依素材頁與站方條款	服飾、美妝、生活風格
ISO Republic	商業、科技、簡潔場景	站方標示 CC0；仍提醒商標、人物與物業權利	科技文章、企業簡報
New Old Stock	復古與歷史照片	來源與權利狀態不一，逐張查原典藏機構	歷史專題、品牌故事

Kaboompics 在 官方的 License 與 FAQ 頁面 區分 Standard License 與 Editorial Only License，不能再把整站描述成單一免署名商用授權；picjumbo 允許免費素材用於商業專案，但在 FAQ 與條款頁 也提醒部分照片沒有模特兒或物業釋出，使用者要自己評估。

Burst 目前仍由 Shopify 提供，官方授權允許免費商用與修改且不強制署名，但禁止把照片當數位原檔出售或彙整成競爭服務；StockSnap 在 使用條款、ISO Republic 在 授權頁 都標示 CC0，同時提醒可識別人物、私有物業、藝術品與商標可能需要額外權利。

SplitShire 是需要保守處理的例外。2026 年站內素材頁可見 AI 生成內容，但一般條款只明確允許個人使用，並禁止重新發布、出售或轉授權。個別頁面的簡短文字若與 站方的一般條款 無法對上，不能自行採用較寬鬆的解讀；要商用就向站方取得明確書面許可，否則改用授權較清楚的來源。

Freestocks 的 使用條款 標示 CC0，允許個人與商業使用，但禁止直接出售照片本身，並提醒要尊重商標與私有財產；New Old Stock 則在 權利與使用說明 只稱素材依其所知沒有已知著作權限制，並要求使用者回到原典藏機構的 rights statement 確認，商用不能只看聚合頁。

Unsplash、Pexels、Pixabay 適合做日常主力，原因是題材範圍廣、篩選工具成熟，且都有可供整合的介面；這是工作流建議，不代表三者授權完全相同。若想把搜尋放進設計工具，可參考 Figma 圖庫外掛。New Old Stock 這類歷史素材則要反向追到典藏機構，確認作品、翻拍檔案與頁面說明各自的權利狀態，不能只憑黑白畫面推定已進入公有領域。

向量圖與插畫 7 選

流程、功能與抽象概念常用插畫比照片更好說明。SVG 能在不同尺寸保持清晰，但檔案大小仍取決於路徑、效果與內嵌資源，不能一概說一定比照片小。輸出到網頁前仍要簡化圖層、移除不必要的 metadata，並檢查文字是否已轉為適當格式。

來源	內容	免費使用重點	操作提醒
Magnific	向量、PSD、照片、AI 工具	免費素材通常需署名；符合條件的付費下載可免署名	保存素材頁、下載方案與授權 PDF
Vecteezy	向量、照片、影片	Free License 要署名，Pro License 依方案免署名	確認素材類別與使用上限
unDraw	可換色 SVG 插畫	可商用、可修改、免署名	不可重包成競爭素材庫或用於 AI 訓練
DrawKit	成套 SVG 插畫	免費與付費包依各自授權，通常免署名	不可轉售原始素材或把素材當商品主體
Storyset	可調色與動態化插畫	免費使用通常要署名，付費方案依條款免署名	匯出前確認格式與署名位置
Open Peeps	可組合手繪人物	下載頁標示 CC0	保存下載頁與授權副本
Humaaans	可組合人物插畫	原始套件以 CC0 釋出	社群改作版本要另看授權

Magnific 的品牌沿革要講清楚。Freepik 在 2024 年 5 月收購 Magnific AI，2026 年才把整體公司與平台品牌改為 Magnific（見 From Freepik to Magnific 品牌沿革說明）；不是 Magnific 在 2024 年直接取代 Freepik。官方素材頁目前仍說明免費素材要署名，Premium 素材可依 授權總覽 的說明免署名，授權文件可由下載紀錄取得。

Vecteezy 在 2026 年更新的 Free License 說明 仍把 Free License 與 Pro License 分開，免費使用需要依指定方式標示來源；unDraw 與 DrawKit 允許商業使用（各見 unDraw 授權頁 與 DrawKit 授權頁），但都限制把素材重新包裝成競爭產品或直接轉售。

Storyset 的免費內容依 使用條款 需要署名，具 Flaticon Premium 資格時才依條款免署名；Open Peeps 與 Humaaans 的官方頁都把原始插畫庫標為 CC0，可供個人與商業使用。若下載的是第三方重新包裝或社群改作，仍要看那一份檔案的來源。

Icon 圖示 8 選

介面 Icon 最怕混用不同線條粗細、圓角與視覺重量。先選一套能覆蓋主要功能的系統，再針對少數缺口補圖。更完整的來源可看 免費 Icon 圖示網站推薦，想直接在設計階段搜尋，可搭配 Figma 圖示外掛。若專案需要立體風格的視覺點綴，免費 3D 圖示的來源與授權注意事項也整理成專門清單。

來源	風格	授權重點	適合情境
Flaticon	題材與風格廣	免費使用通常需署名；付費方案依條款免署名	簡報、社群、主題式圖示
Iconify	彙整多套開源 Icon	每套授權不同，依套件 metadata 確認	需要跨套搜尋與前端元件時
iconmonstr	極簡幾何	自訂授權，可商用免署名；有再散布與標誌用途限制	網站介面、功能說明
Heroicons	介面導向	MIT	Tailwind 與一般前端介面
Tabler Icons	一致線條	MIT	儀表板、產品介面
Lucide	Feather 社群延伸	ISC	多框架元件
Phosphor Icons	多種筆觸粗細	MIT	跨平台設計系統
Icons8	線條、彩色、3D 等	免費方案通常需連結署名，付費方案依條款免署名	需要多媒體風格時

MIT 與 ISC 允許廣泛使用，不等於「完全不用管授權」。它們通常不要求在每個 Icon 旁顯示署名，但散布原始碼或素材套件時，要依授權保留著作權與授權聲明。Lucide 在 授權文件 是 ISC，不是 MIT；Heroicons、Tabler Icons 與 Phosphor Icons 則分別在 Heroicons 的 LICENSE、Tabler Icons 儲存庫 與 Phosphor Icons core 標示使用 MIT。

iconmonstr 的 授權條款 允許個人與商業使用且不要求署名，但禁止把圖示拿去註冊商標、作為產品主要價值或重新散布素材庫；Icons8 的 免費授權 則要求以指定方式連回來源。

Iconfinder 網址在 2026 年已導向 Magnific 的 Icon 服務，不再是獨立圖庫。需要跨套件搜尋可改用 Iconify。Iconify 彙整多個開源套件，官方的圖集文件 裡每套資料包含作者與授權 metadata；使用者要依所選套件遵守 MIT、Apache 2.0、CC BY 等各自條件，不能把 Iconify 本身的程式授權套到所有 Icon。

Flaticon 的 現行條款 仍要求免費下載對網站與作者提供指定署名，Premium 訂閱期間下載的素材才依對應授權免除可見署名；商品主元素、再散布與素材庫用途另有限制。

歷史、開放搜尋與影音素材 3 選

來源	定位	授權判斷	使用方式
Wikimedia Commons	歷史照片、圖表、影音與插畫	混合授權，逐檔確認作者、版本與署名	知識內容、歷史專題
Openverse	跨來源開放素材搜尋	依原始來源標示，可用用途篩選器縮小結果	找 CC 與公有領域素材
Mixkit	影片、音樂、音效與模板	依素材類型與項目；影片有 Free 與 Restricted License	短影音、動態背景、社群內容

Openverse 是搜尋引擎，不是替所有結果背書的授權方。它彙整開放授權圖片與音訊，能依商用、修改等條件篩選，點進結果後仍要回原始頁確認授權、作者與版本（見 Openverse Handbook）。

Mixkit 不能整站套用同一授權。官方的 授權頁 把不同素材類型分開，影片又分為可用於商業專案的 Free License 與僅限特定非商業用途的 Restricted License。規劃 短影音行銷時，要看每個下載頁的授權名稱。

HubSpot 在 2026 年彙整的行銷統計（引用 Wyzowl 的 State of Video Marketing 調查）指出，91％ 受訪企業使用影片作為行銷工具。同頁的 統計資料 把短影音列為行銷人員高度採用的格式，也列入高投資報酬內容形式；這些調查能說明格式熱度，不能保證單一品牌使用圖庫影片就會得到同樣成果。

從 30 個來源挑出 3 個主力

全部加進書籤不等於工作流。比較實用的做法是選三個主力，其餘當備援。可以從這三個維度判斷：

• 搜尋效率：用五個常見主題測試，記錄前兩頁有多少素材符合版位、風格與人物條件。
• 授權管理：確認常用素材是否同一授權、是否要逐項署名、能否下載授權文件，以及客戶交付時要保留哪些紀錄。
• 流程整合：看是否能接入設計工具、CMS 與資產管理流程。API 或外掛只是加分，授權資訊能否跟著素材走更重要。

多數一般內容站可先比較 Unsplash、Pexels、Pixabay，這是基於題材覆蓋與操作便利的編輯建議，不是客觀排名。需要插畫時再加入 unDraw 或 DrawKit，需要大量向量與模板時評估 Magnific 或 Vecteezy 的署名與付費邊界。WordPress 團隊也應把素材來源接到 WordPress 圖片優化流程，而不是下載後散落在個人電腦。

免費素材最常踩到的 4 個授權地雷

免費方案忘了署名

Magnific、Vecteezy、Flaticon、Icons8 等服務都可能依方案決定是否署名。曾經訂閱付費方案，不代表後來用免費帳號下載的素材也自動免署名；反過來，付費期間合法下載的既有素材是否可繼續使用，也要看當時授權。每次下載都保存素材頁、方案名稱、日期與授權文件，才能回答「這一張為什麼可以用」。

把人物放進敏感或代言情境

照片著作權與人物權利是兩件事。免費授權不等於照片裡的人同意代言產品，也不等於能把人物放進疾病、債務、犯罪、政治立場等敏感敘事。Pexels 的授權就禁止以不當方式呈現可識別人物，並禁止暗示人物或品牌支持你的產品。製作 社群行銷素材時，文案與裁切可能改變照片原本的語意，要一起審。

背景裡出現商標、藝術品或私有空間

平台能授權攝影作品，不代表它擁有畫面中所有商標、包裝、壁畫、建築內裝或藝術品的權利。商業廣告若容易讓人誤以為品牌合作或背書，風險會高於一般紀實文章。可採用無品牌版本、重新拍攝、取得許可，或在不破壞資訊的前提下裁切與模糊。不要把「付費圖庫」直接等同於「所有第三方權利已清除」。

把 AI 生成圖當成無權利負擔的捷徑

AI 工具的輸入限制、輸出使用權、人格權、商標與不同地區的著作權判斷都可能不同。要用於產品包裝、付費廣告或可長期識別品牌的主視覺時，至少保存模型、版本、生成日期、提示詞、後製紀錄與當時條款；畫面若像特定真人、角色或品牌，應另行審查。這些紀錄能交代來源，卻不是合法性的自動保證。

Editorial Use Only 不是「免費新聞圖」

圖庫業界把 Editorial Use Only 用在新聞性、紀實、評論或公共利益脈絡，常見於沒有取得商業釋出文件的名人、活動、品牌與街景照片。它通常不能用於廣告、促銷文案、產品包裝、商品、代言暗示或品牌社群活動。教育與非營利也不是自動通行證，仍要看內容是否真的是事實性、說明性用途，以及平台對該素材設下的限制。

Shutterstock 的 官方說明 把新聞文章、紀錄片、非虛構作品與公共服務內容列為常見編輯用途，並把廣告、促銷、產品包裝、商品與社群行銷活動列為不可直接使用 Editorial Use Only 內容的例子；Alamy 的 說明文件 也區分新聞、評論、教育性資訊與廣告、行銷、商品、包裝等用途。

判斷時不要只看文章是不是「內容」。品牌官網的知識文章可能是編輯性內容，也可能實質在推銷產品；把名人照片放在購買按鈕旁，風險就不同。若用途跨在邊界，應改用已取得商業釋出的素材，或向平台申請額外授權。

情境	主要目的	Editorial 素材判斷	較穩妥的處理
新聞稿整理某場公開活動	報導事件	可能符合，但仍受素材頁的地區、時間與署名限制	保留新聞脈絡，不把人物與購買按鈕綁在一起
品牌部落格評論產業政策	分析公共議題	不能只因頁面叫「文章」就直接判定，要看整體商業呈現	選紀實畫面，避免代言暗示，必要時改用商業授權素材
線上課程講解歷史事件	教育與說明	教育目的只是考量之一，不會覆蓋平台限制	確認課程是否付費、素材是否可用於該媒介與地區
廣告引用名人或賽事照片	推銷商品或服務	通常不符合 Editorial Use Only	取得商業授權與必要釋出，或改用自行製作的視覺
產品包裝印上街景照片	包裝與銷售	通常不符合	使用已清除權利的商業素材，檢查商標與物業

「評論」也不是把圖片當裝飾就成立。圖片與評論內容要有合理關聯，使用範圍要符合平台授權，並遵守署名、標題不可修改、不得裁切等單張限制。付費圖庫常把 Editorial 標示直接放在預覽頁與授權選項旁，企業採購流程應把這個標示帶進 DAM，避免下載後只剩檔案而失去限制資訊。

署名怎麼寫，才不會漏掉必要資訊

署名格式以授權方指定文字為準。CC BY 4.0 的實務寫法通常包含作品名稱、作者、來源連結、授權名稱與授權連結，若有裁切、調色或合成，也要標示已修改。可寫成：

圖片：〈作品名稱〉，作者姓名，來源連結，採 CC BY 4.0 授權；已裁切並調整色彩。

Freemium 平台常提供可直接複製的署名句，應原樣保留必要連結。影片、簡報或 PDF 可把署名放在片尾、參考資料頁或鄰近素材的位置，但前提是授權允許這種呈現。把來源只留在內部試算表，卻沒有出現在授權要求的公開位置，不算完成署名。

授權紀錄要能讓另一個人重做判斷

只存一張授權頁截圖還不夠，因為日後可能不知道它對應哪個檔案、哪個帳號與哪個用途。每筆紀錄至少要讓不熟專案的人回答以下欄位：

欄位	應保存的內容	用途
素材識別	平台素材 ID、原始檔名、作者、原始頁 URL	避免截圖與檔案配錯
取得方式	下載日期、帳號、方案、訂單或授權文件編號	判斷當時適用的權利
授權內容	授權名稱、版本、全文副本、署名格式、禁止用途	處理平台改版與離線查核
專案使用	客戶、頁面、媒介、地區、期間、是否付費投放	確認核准範圍有沒有被擴張
修改內容	裁切、調色、合成、去背、加入文字與衍生檔	履行 CC BY 的修改標示，也方便重製
第三方權利	人物、物業、商標、藝術品與敏感情境審查結果	把平台著作權授權以外的問題獨立管理

「有修改」也不代表一定能避開原檔轉售限制。裁切、加濾鏡或放一行文字，可能仍讓照片本身成為商品的主要價值。相反地，把照片放進完整的網站版面、文章或廣告設計，通常是素材作為較大作品的一部分。界線仍以平台的禁止用途與實際呈現判斷，不能用固定的修改百分比取代條款。

素材若交給外包設計師、印刷廠或客戶，還要確認授權是否允許承包商為完成專案而存取檔案，以及交付後誰能繼續保存與重用。有些授權只涵蓋授權人或特定席次，買方能發布成品，不代表能把原始素材帳號與檔案轉給任何第三人。

台灣著作權法要看第 34 條與第 65 條

台灣現行《著作權法》第 34 條規定，攝影、視聽、錄音及表演的著作財產權，原則上存續至著作公開發表後五十年；若著作自完成時起五十年內未公開發表，依該條準用規定，期間改以完成後五十年計算。第 35 條再規定相關期間以末年末日為期間終止日。攝影著作應查 經濟部智慧財產局的第 34 條條文（2026 年查閱），不是把第 32 條的一般作者終身加五十年直接套上去。

「五十年前拍的照片」不等於已成為公有領域。要確認作品完成與公開發表時間、權利人、適用法與是否存在其他版本權利。典藏機構提供的數位檔也可能附使用條件，不能只看畫面年代。

合理使用則由第 65 條綜合判斷四項基準：一、利用之目的及性質，包括係為商業目的或非營利教育目的；二、著作之性質；三、所利用之質量及其在整個著作所占之比例；四、利用結果對著作潛在市場與現在價值之影響。這四款依 經濟部智慧財產局的現行條文 呈現（2026 年查閱）。

四項因素要整體衡量，沒有「非營利就一定合理使用」或「只用一小部分就一定安全」的固定公式。商業頁面若能取得合適授權，就不應把合理使用當成省略授權的預設做法。涉及爭議金額、敏感人物或大型投放時，應交由熟悉案件事實的法律專業人士判斷。

避免網站看起來像同一套模板

熱門免費圖會被不同品牌重複使用。問題不在「別人也用過」，而在照片是否仍能支撐你的訊息。要降低同質感，可從構圖與系統下手：

• 用視覺準則篩選：固定色溫、光線、人物距離、背景複雜度與留白方向。
• 把照片當原料：在授權允許下裁切、調色、疊加品牌圖形與文字，不要每張都原封不動。
• 關鍵版位改用自有素材：首頁主視覺、團隊頁、產品流程與案例成果最需要真實內容；一般文章配圖再使用圖庫。
• 混合照片、圖表與插畫：複雜資訊用圖解，情境用照片，操作步驟用截圖，避免整篇只有氣氛照。

需要建立完整視覺系統，可把素材選擇與 網站配色指南、網頁版面設計一起處理。版型、顏色、字體與圖片的節奏是一組決策，不是四個各自獨立的工作。

圖庫、自拍、AI 生成、插畫怎麼選

來源	強項	主要成本	適合內容	主要風險
免費圖庫	啟動快、題材廣	篩選、授權與同質化管理	一般文章、情境配圖	重複使用、第三方權利
自拍／委託攝影	真實、可建立品牌辨識	企劃、拍攝、後製與釋出文件	團隊、空間、產品、案例	肖像與場地文件不完整
AI 生成	可快速探索不存在的場景	提示、挑選、修圖、來源紀錄與法務審查	概念圖、風格草圖	相似人物或品牌、錯誤細節、來源爭議
自製插畫／資料視覺化	能精準解釋產品與資料	設計與維護時間	流程、比較、數據、教學	資訊過時或視覺系統不一致

素材來源應跟頁面任務配對。首頁、產品頁與案例頁承擔信任，優先使用真實且可證明的內容；知識文章的裝飾性場景可用圖庫；抽象機制用插畫；數據結論用圖表。這樣比全站強迫使用同一種素材更實際，也能讓 網頁設計完整指南裡的資訊層級更清楚。

AI 圖片的來源驗證：C2PA、Content Credentials、SynthID

C2PA 在 2021 年 2 月由 Adobe、Arm、BBC、Intel、Microsoft 與 Truepic 發起（見 創立公告），制定可驗證媒體來源與編輯歷程的技術規格。C2PA Manifest 透過數位簽章與資產繫結提供可驗證、可察覺竄改的來源聲明；Manifest 可嵌入檔案，也可存放在外部，不宜簡化成「把真相寫進 EXIF」。它能驗證簽署者提出的聲明與檔案關係，不會自動證明畫面內容為真；這些行為定義在 C2PA 技術規格 2.2（2025 年 5 月）中。

Content Credentials 是 C2PA 生態中的使用者介面與產製流程。Adobe 的 現行說明 列出 Photoshop、Lightroom、Adobe Stock、Premiere 等工具，Firefly 與相關 API 產生的內容也會套用 Content Credentials；這些是建立或附加憑證的支援，不等於所有內容平台都會顯示。就公開可驗證的顯示端而言，LinkedIn 正逐步在含 C2PA 資料的圖片與影片旁顯示圖示與可用資訊，官方說明文件 仍稱為漸進推出。

Google DeepMind 的 SynthID 是另一套機制，把不可見水印加入 Google AI 產生或修改的媒體。2026 年官方範圍涵蓋圖片、音訊、影片與文字：圖片用於 Imagen 與相關產品，影片用於 Veo，音訊用於 Lyria 與部分 NotebookLM 音訊內容，文字用於 Gemini；偵測能力與可上傳查驗的媒體類型仍依產品逐步開放。它不是所有 AI 模型的通用標準，也不能取代授權與人工查核。

真正能落地的做法是保留兩層紀錄：檔案能保留的來源憑證，以及內部的模型、版本、日期、提示詞、輸入素材、後製與核准人。平台轉檔可能讓憑證遺失，沒有憑證也不能反推內容一定有問題。來源敏感的專案要把技術訊號、授權文件與內容查核一起看。

用 Search Console 與 Core Web Vitals 回頭驗證

Search Console 成效報表 可把搜尋類型切換為「圖片」，查看圖片搜尋的點擊、曝光、點閱率與平均排名。曝光高、點擊低時，要連同查詢、排名、縮圖內容與搜尋意圖判斷，不能只怪 alt。Google 在 資料差異說明 也提醒，圖片搜尋的資料會彙整到承載圖片的頁面網址，同頁多張圖片不一定能在報表中逐張拆開。

依 web.dev 的 LCP 定義，LCP 衡量可視區域最大內容元素完成顯示的時間，內容頁的主圖常會成為 LCP 元素。主圖若是 LCP 候選，不要套用 lazy loading；應讓瀏覽器及早發現資源、提供適合尺寸，必要時設定較高擷取優先順序（見 web.dev 的 LCP 優化指南）。更完整的檢查可看 Core Web Vitals 與 SEO。

圖片沒有明確寬高時，瀏覽器可能無法在下載前預留空間，載入後就把下方內容推開，形成版面位移。HTML 的 width、height 或 CSS aspect-ratio 可先保留比例（見 web.dev 的 CLS 優化指南）。這些指標應看欄位資料與真實頁面，不要只看單次實驗室分數。

每月報表要回答的不是「有沒有變好」

圖片成效檢查可以從頁面群組開始，而不是把全站數字混在一起。文章主圖、產品圖、教學截圖與資料圖表的任務不同，應分開看：

• 曝光增加、點擊沒有跟上：檢查查詢是否符合頁面內容、縮圖在搜尋結果是否可辨識、圖片周邊標題與文字是否說清楚主題。不要直接用更聳動的 alt 補救。
• 點擊增加、頁面互動沒有改善：可能是圖片帶來的意圖與頁面內容不合，也可能是行動版載入或遮擋問題。要把 Search Console 與站內分析資料對照。
• LCP 只在部分版型變差：依模板、裝置與網路條件拆分，確認主圖 URL 是否在 HTML 初始回應可見、是否被前端腳本延後插入，以及 CDN 是否回傳正確尺寸。
• CLS 偶發而非每次出現：檢查廣告、嵌入內容、字型與動態替換圖片。圖片寬高只是其中一個來源。

變更圖片後要在紀錄裡標示日期、頁面與改動內容，否則下個月看到數字變化也無法知道原因。SEO 測量能降低猜測，不能把同時發生的排名、季節性或內容更新自動歸因給圖片。

EXIF、IPTC 與 Google 圖片授權標記

EXIF 常記錄拍攝時間、相機與可能的地理位置；IPTC Photo Metadata 則提供新聞與攝影工作流使用的描述與權利欄位。上線前應檢查輸出檔，移除不該公開的位置或裝置資訊，同時保留專案需要的著作權與署名資料。不要假設所有壓縮工具都會保留或刪除 metadata，轉檔後實際檢查才算完成。

IPTC Photo Metadata Standard 2025.1 的正式欄位包含 Creator、Copyright Notice 與結構化的 Licensor；網址是 Licensor 結構中的 Licensor URL 子欄位，不是與 Creator 同層的獨立欄位。與 Google 授權資訊相關的欄位還包括 Web Statement of Rights（依 IPTC Photo Metadata Standard 2025.1）。

Google 圖片可讀網頁結構化資料或 IPTC metadata，並可能顯示創作者、來源與授權資訊。提供授權資料會讓圖片具備顯示「Licensable」徽章的資格，不保證每次搜尋都顯示。Google 在 2018 年開始呈現部分 IPTC 創作者、Credit Line 與 Copyright Notice 資訊；Licensable 徽章則在 2020 年推出，兩件事不應合併成「2018 年推出徽章」（見 IPTC 的 Photo metadata and Google Images 指南，2026 年查閱）。

Google 現行文件 Image Metadata 的正式網址已改為 image-license-metadata。使用 schema.org 結構化資料時，contentUrl 是必要欄位，並至少提供文件所列權利資訊之一；若要符合 Licensable 徽章的結構化資料要求，license 是必要欄位，acquireLicensePage 是建議欄位。

{
  "@context": "https://schema.org/",
  "@type": "ImageObject",
  "contentUrl": "https://example.com/images/team.jpg",
  "creator": {
    "@type": "Person",
    "name": "作者姓名"
  },
  "creditText": "攝影：作者姓名",
  "copyrightNotice": "Copyright 2026 作者姓名",
  "license": "https://creativecommons.org/licenses/by/4.0/",
  "acquireLicensePage": "https://example.com/license-info"
}

creator、creditText、copyrightNotice 都是 schema.org ImageObject 與 Google 文件使用的欄位。公開文件能證明 Google 圖片如何使用這些資料，卻沒有足夠公開證據證明生成式搜尋或各家 AI 助理會因此優先引用圖片、提高排名或保證正確歸因。結構化資料的可驗證價值是協助支援它的服務讀取權利資訊，不是控制所有 AI 系統的引用行為。

圖片上線前：壓縮、尺寸、延遲載入與 alt

根據 Statista 的統計（2026 年 4 月），2026 年第一季全球網站流量中，手機流量占 52.27％，統計不含平板；把這項比例寫成「超過六成」並不符合該資料。。這項全球比例不能直接推定 whoops.tw 的裝置分布，站內決策仍應看自己的分析資料。

Google 在 2020 年 5 月的 page experience 評估說明是，Core Web Vitals 會被排名系統使用，但沒有單一的「網頁體驗訊號」，良好分數也不保證排名上升。速度更直接影響的是使用體驗與商業指標；web.dev 的文章整理了效能與留存、轉換、體驗的關係，但沒有支持「每多一秒，所有網站的離開機率都會以固定幅度增加」這種通用說法。

1. 輸出合適尺寸：不要把四千像素寬的原圖直接送到小卡片。用 srcset 與 sizes 讓瀏覽器依版位選圖，複雜的 Bento Grid 版面更要先定義尺寸規則。
2. 在可接受畫質下壓縮：WebP、AVIF、JPEG 的效果取決於影像內容與編碼設定，應以實際輸出比較。可使用 圖片壓縮工具，WordPress 也能用 圖片壓縮外掛自動處理。
3. 只延遲載入視窗外圖片：首屏與 LCP 圖不要 lazy load，其餘長文圖片可參考 Lazy Loading 設定。
4. 寫對 alt：資訊性圖片描述其資訊與功能，裝飾圖使用空 alt=""。不要把關鍵字清單塞進 alt。
5. 驗證實際頁面：檢查輸出格式、寬高、快取、畫質、LCP 資源與失敗時的備援。更完整的流程可看 圖片 SEO 優化。

<picture> 可提供不同格式，瀏覽器會依 <source> 順序、媒體條件與支援狀態選擇。是否保留 JPEG 或 PNG 備援，應依目標瀏覽器與工作流決定，不必機械式替每張圖產生所有格式。網站規模較大時，可把這些規則納入 網站速度優化流程。

圖片 CDN 怎麼選：功能相近，計價單位不同

Cloudflare Images、Imgix、Cloudinary 都能依請求產生不同尺寸或格式，並透過 CDN 快取衍生檔，但不能把三家的快取鍵、變體與計價方式寫成同一套。評估前先列出來源圖片數、每月交付流量、實際版位尺寸、格式數量與轉換功能，再套入各家方案。

服務	格式與 resize	2026 計價重點	控制成本的方法
Cloudflare Images	URL 或 Workers 轉換，可依支援狀態自動選格式	遠端圖片按每月唯一轉換計；託管圖片另按儲存與交付量計	限制允許尺寸與參數，避免無界組合
Cloudinary	URL 轉換，f_auto 依瀏覽器選格式，衍生檔進 CDN	Credit 同時涵蓋轉換、儲存與頻寬；不同自動格式可能建立多個衍生版本	用 named transformations、清楚的版位尺寸與用量警示
Imgix	URL 參數即時處理，支援自動格式與 CDN 交付	現行方案使用 credits，媒體管理、交付與轉換各有用量	依實際功能算 credit，不套用別家的唯一變體模型

Cloudflare 的 2026 年定價文件 說明，遠端圖片每月前 5,000 個唯一轉換免費，超過後按唯一轉換計費；同一來源與同一組參數在同一曆月重複請求只算一次，format=auto 產生的不同格式仍算一個可計費轉換。若使用 Cloudflare 託管圖片，則另按儲存圖片數與交付圖片數計費。

依 Cloudinary 的轉換文件，首次轉換會建立衍生資產，後續可由 CDN 快取交付；f_auto 可能為不同瀏覽器建立多個格式版本，因此會影響轉換與儲存用量。現行方案在 定價頁 用 credits 彙整轉換、儲存與檢視頻寬，不是單純按「每個 URL 變體」收費。

Imgix 的 2026 定價 也採 credits，但媒體管理、交付與進階轉換使用不同 credit 單位，不能沿用 Cloudflare 的「每月唯一轉換」算法。 srcset 與 sizes 仍有價值，因為瀏覽器需要知道版位與候選資源；CDN 能產圖，不會自動理解每個頁面的實際排版。

signed URL 與防盜鏈不只保護付費攝影，也能限制轉換參數、存取範圍與成本濫用。是否啟用要看威脅模型與服務設定，不能因為原圖來自免費圖庫就一律關掉。自建壓縮、WordPress 外掛或圖片 CDN 的選擇，應以流量、版位數、團隊維護能力與成本可預測性決定。

導入 CDN 前先收斂變體

即時 resize 很方便，也容易讓任意寬度、品質、裁切與格式組合不斷增加。快取鍵是否包含查詢參數要看服務與自訂設定，但只要每種合法參數都能生成新衍生檔，就可能增加運算、儲存或帳單。較穩定的方式是先把設計系統的版位收斂成命名規格，例如卡片小圖、文章內文、Hero 桌機、Hero 手機，再允許 CDN 生成這些組合。

1. 盤點現況：列出原圖數、每月流量、主要國家、熱門尺寸、格式與回源比例。
2. 定義候選尺寸：依實際 CSS 版位與裝置像素密度建立少量候選，不用替每個可能寬度各做一張。
3. 限制參數：驗證寬高、品質、裁切與來源網域，必要時使用 named transformations 或 signed URL。
4. 小流量切換：先挑一種頁面與一組圖片，驗證格式協商、快取標頭、錯誤備援、畫質與計費報表。
5. 保留回復路徑：原始資產與網址對照要能匯出，避免服務遷移時找不到原檔或授權紀錄。

圖片 CDN 不是一上線就會更快。DNS、來源存取、快取命中、轉換延遲與版面標記都會影響結果。驗收要看真實使用者的 LCP、圖片傳輸位元組、快取命中率與帳單，不只比較單張圖片在工具中的壓縮百分比。

建立可追溯的素材庫

素材庫不只存圖片，也要存「為什麼能用」。建議每筆資產保留下列欄位：

• 識別：內部檔名、原始檔名、縮圖、素材 ID。
• 來源：平台、作者、原始頁網址、下載日期。
• 授權：授權名稱與版本、帳號方案、署名文字、授權 PDF 或頁面截圖。
• 權利：模特兒／物業釋出狀態、商標或敏感用途備註。
• 使用：使用中的頁面、活動、客戶、到期或地域限制。
• 技術：原始尺寸、輸出格式、裁切版本、alt 與 IPTC 保留狀態。

分類可依人物、場景、產品、抽象、Icon、插畫、影音，再用色系、方向、產業與情緒做標籤。Eagle 素材管理工具或其他 DAM 能協助視覺搜尋與去重，但授權欄位仍要由團隊明確建立。不要只在檔名寫「free」，因為它無法回答授權版本、下載時間與禁止用途。

定期巡檢時不要直接刪除仍在網站使用的來源紀錄。可先標成「停止新增使用」，再確認所有上線位置與合約要求。條款改版不一定會追溯改變既有合法下載，能否繼續使用要看原授權文字，所以保存當時文件很重要。

團隊要把「可下載」與「可發布」分成兩個狀態

設計師找到好圖並下載，只代表素材進入候選庫；完成授權、人物、商標與敏感用途檢查後，才進入可發布庫。這個狀態差異能避免未審素材被同事直接拖進廣告。建議至少設三種標記：

• 候選：有來源頁，但尚未確認專案用途與署名。
• 核准使用：已記錄授權、用途與必要限制，可用於指定專案或媒介。
• 停止新增：條款、品牌策略或權利資訊有變，不再放入新內容；既有使用另行評估。

客戶專案結案時，交付的不應只有壓縮後圖片。把原始素材清單、授權證據、公開署名文字、修改紀錄與使用位置一起打包，並說明哪些資產能轉移、哪些只涵蓋特定帳號或專案。若客戶之後把網站素材挪去包裝或廣告，新的用途要重新核對，不應把原專案核准無限延伸。

有版本控制的素材庫也要處理撤換。若收到作者或平台通知，先確認素材 ID 與使用位置，再暫停新發布、保留既有證據、判斷是否需要替換。不要在尚未釐清前刪掉原始紀錄，因為通知內容、下載日期與原授權正是後續判斷需要的資料。

上線前圖片稽核清單

檢查項	通過標準
素材與方案	已確認是同一張素材、正確帳號方案與預定用途
授權證據	保存原始頁、下載日期、授權名稱與必要文件
署名	依指定格式、位置與連結完成標示
Editorial 限制	沒有把僅供編輯用途素材拿去廣告、包裝、商品或代言
人物與物業	敏感情境、可識別人物、私有空間與藝術品已確認權利
商標	不會造成合作、來源或背書混淆
AI 來源	保存模型、版本、日期、輸入、後製與核准紀錄
尺寸與格式	提供合適尺寸與格式，沒有把原始大圖送到小版位
LCP 與 CLS	主圖未延遲載入，圖片已設定寬高或比例
alt	資訊圖有合適描述，裝飾圖使用空 alt
metadata	敏感位置已移除，必要的 IPTC 權利資料已驗證保留
結構化資料	需要授權標記時，ImageObject 欄位與頁面可見資訊一致

實際落地可以分成五步：選三個主力來源、建立授權紀錄格式、把壓縮與尺寸規則放進發布流程、為關鍵頁面補自有素材、每季檢查平台條款與使用中的資產。需要調整整體網站時，可把這份清單與 網頁設計靈感網站一起看，但靈感只能幫你找方向，授權與效能仍要逐張處理。

免費圖庫真正省下的是素材製作成本，不會替你省掉判斷。選對來源、留好證據、處理第三方權利，再把尺寸、格式、alt 與來源資料接進發布流程，這些素材才會成為能長期使用的設計資產。