免費圖庫的隱藏成本：商用授權、署名與上線流程

網站上線三週後的檢討會議，業主指著首頁大圖問了一句：這張照片從哪裡來，有授權證明嗎？團隊翻共用資料夾、翻群組訊息，找到的只有一個叫「素材-final-final2」的下載目錄。誰在哪家站、用免費帳號還是試用方案、下載當天條款寫了什麼，沒有人答得上來。這一段是常見工作情境的組合描述，不是特定專案的實測紀錄，但它點出免費素材真正的結帳時刻：圖片上線之後，問題才開始被問。

搜尋「免費圖庫」的人，心裡的疑問多半不是「哪裡可以下載」，而是「這張圖放進客戶官網、廣告、包裝，會不會出事」。多數人把風險押在免費與付費這條軸上，以為付了錢就安全、沒付錢就危險。實務上出事的狀況，很少是素材本身不能商用，而是授權單位弄錯、第三方權利漏查、署名義務沒履行，或爭議發生時拿不出證據。這四個開關，付費與免費都會踩到，免費只是把其中一項成本歸零。

往下的內容沿四層機制展開：權利層處理授權範圍與畫面裡的第三方權利，來源層處理圖庫怎麼分組挑、主力找不到時往哪找，技術層處理尺寸、格式與上線效能，治理層處理署名、證據與團隊狀態管理。這是一份查核與操作指南，不是針對個案的法律意見；平台條款會改版，判斷一律以下載當下的素材頁與授權全文為準，涉及大額投放、敏感人物或跨市場合約時，交給熟悉案件的專業人士。

快速重點：免費圖庫省下的是授權金，省不掉的是判斷。可不可以商用，看單張素材、下載方案與實際用途；人物、商標等第三方權利與署名義務要分開核對。下載後的壓縮、尺寸、metadata 與證據留存，決定素材能不能長期安心使用。

「免費」免掉的是授權金，不是判斷

先回答最核心的問題：免費圖庫的「免費」，在授權上只代表你不必為這張素材支付授權金，多數情況也不必署名。它不代表權利範圍變寬，也不代表風險變低。權利的邊界由各平台的自訂條款界定，同一個站內可能同時存在多種授權軌道：免費素材、付費方案、僅限編輯用途、第三方貢獻者的個別條款，常常並排出現在同一頁搜尋結果裡，點進素材頁之前，它們看起來一模一樣。

判斷的單位要先換掉。一個建構情境：連鎖咖啡品牌改版官網，首頁需要一張手拿外帶杯的情境照，行銷同仁在圖庫搜尋後下載了看起來順眼的照片。同一張照片，放在品牌故事頁當氛圍圖，與放進促銷活動當主視覺再壓上「限時優惠」文案，授權風險不同；若畫面裡的人神似某位公眾人物，或杯身上的商標清晰可辨，第三方權利的問題會再疊一層。此情境為說明用的組合，不是具體案例，要點只有一個：風險不跟著網站走，跟著「這一張素材、用哪個方案、放進什麼用途」走。

授權模型粗分三種。CC0 與公有領域貢獻，是著作權人放棄權利，使用上通常不要求署名；平台自訂授權，是 Unsplash、Pexels、Pixabay 這類站採用的模式，允許商用與修改，但各自設有禁令；freemium 平台如 Flaticon，免費方案附帶署名條件，付費方案才解除。三種模型內部還有分支，同一站不同方案下載的同一張圖，取得的權利可能不同。

以Unsplash 的授權條款為例，條款允許免費商用、修改與散布成品，不要求署名；但它禁止把未做重大修改的照片單獨轉售，也禁止用這些素材建立性質相似的圖庫服務。畫面中的人物肖像、商標與其他第三方權利，條款同樣明寫不在授予範圍，要由使用者自行確認。這組結構（廣泛商用、原檔轉售禁令、競爭服務禁令、第三方權利除外）在自訂授權裡很常見，Pexels 的授權頁與Pixabay 的條款摘要也大致落在這幾個開關上，各自禁止的細項與文字，以下載當下查閱的版本為準。

Creative Commons 體系處理的是著作權人手上能授予的權利，商標、肖像與隱私不在它的範圍裡；CC 授權的素材與自訂授權的素材一樣，第三方權利要分開清查。這個邊界是國際授權設計的通則，不是哪一家圖庫的例外，把授權標章當成全面免責的印章，誤解就從這裡開始。

多軌並存的站，辨識軌道靠素材頁的三個位置：授權名稱、方案標籤、下載按鈕旁的提示文字。Vecteezy 的 Free 與 Pro、Flaticon 的免費與 Premium，下載前都會在這些地方告訴你手上這張落在哪一軌；查不到授權名稱的素材，寧可當成不能用。授權的主體是下載當下適用的條款版本，平台事後改名、改版、整併，都不回頭改變你那一天取得的權利，前提是你留得住那一天的證據。證據怎麼留，治理層會給欄位。

不同機制對使用者要求的事不同，下表把判斷單位拆開對照：

↔ 左右捲動檢視完整表格

機制	誰在給權利	商用前先確認	附帶義務	常見禁令
平台自訂授權	平台以自家條款授予	素材頁的方案與標示	通常免署名，證據自存	原檔轉售、相似服務、背書暗示
CC0／公有領域	著作權人放棄權利	標示是否可信、畫面內容	原則上無義務	第三方權利不因此消失
CC BY 4.0	作者以 CC 條款授予	授權版本與作者資訊	公開標示作者、來源、授權與修改狀態	未標示即屬違約，及時補正可恢復權利
freemium 免費方案	平台依方案授予	帳號層級與素材類別	指定格式的署名	素材本身作為商品轉售
Editorial Use Only	平台限縮用途	用途是否屬新聞評論脈絡	依平台指定的標示	廣告、促銷、包裝、代言

把判斷單位降到單張素材，看起來變麻煩，其實是把檢查範圍變小：不必記住每個站的規則，只要在每次下載時核對三件事。圖片決策怎麼跟整體規劃接在一起，可以搭配網頁設計完整指南的流程看，授權檢查只佔其中一段，但缺了這一段，其他努力會在爭議發生時一次歸零。

著作權之外，畫面裡還有誰的權利？

平台把照片的著作財產權授權給你了，畫面裡的其他權利還在原地。人物有肖像權，商家有商標權，私有空間有物業上的限制，畫面中的藝術品有自己的著作權。攝影授權覆蓋的只有「這張照片可以被重製與散布」這一層，照片拍到的內容，權利各自獨立。Editorial Use Only 這個標示正是缺口的產物：平台沒有取得人物的商業使用同意，於是把用途限縮在新聞、紀實與評論脈絡。

編輯用途與商業促銷的界線，看的是用途，不是頁面名稱。品牌官網的知識文章可能屬於評論脈絡，同一張圖放到活動頁配上購買連結，就跨進商業呈現。Shutterstock 的官方說明把新聞文章、紀錄片與公共服務內容列為編輯用途，廣告、促銷、包裝與行銷活動列為不可使用；Alamy 的說明文件也用同一套邏輯區分。教育與非營利不是自動通行證，付費課程用到名人照片，仍要逐項檢查素材頁的地區、期間與標示限制。

同站雙軌並存的例子，可以看Kaboompics 的授權與 FAQ 頁：Standard License 的素材可用於商業專案，標示為 Editorial Only 的素材則限縮用途。下載前在素材頁確認軌道，比記住「這個站可以商用」可靠，站名給的答案太粗，素材頁給的答案才對得上你手上的檔案。

時間軸是另一個容易誤判的維度。依《著作權法》規定，攝影著作的著作財產權原則上存續到公開發表後五十年（見智慧財產局對存續期間的條文說明），期間屆滿才進入公有領域；「這張照片很老了」不等於權利已消滅，還要確認發表時間與權利人。合理使用則由《著作權法》第 65 條的四項基準綜合判斷（見該條現行條文），商業頁面能取得授權時，不應把合理使用當成省錢的預設路徑。

敏感情境要單獨建清單：疾病、債務、犯罪、政治立場，把可辨識人物放進這些敘事，免費授權保護不了你。審查時還要看裁切與文案的化學反應，一張中性的會議照片，裁到只剩某個人再壓上聳動標題，語意已經被改寫。製作社群行銷素材時，文案、裁切與照片要當成一組送審；品牌面向的版位選擇，再對照品牌網站設計的規劃原則，兩邊審的都是同一件事：畫面對誰說了什麼、暗示了什麼。

背景巡查是商業版位送審前的固定動作：掃過畫面裡的招牌、包裝、壁畫、車牌與螢幕內容，電子產品畫面上的介面與圖示也有自己的權利。發現問題時的處理有順序：先換一張沒有權利疑慮的照片，再來是重新拍攝或取得許可，真的要保留畫面，才在不破壞資訊的前提下裁切或模糊。付費圖庫的素材也不代表第三方權利已經清除，價格買到的是攝影授權，不是整張畫面的免責。

從版位回推搜尋，別再猜關鍵字

找圖花時間，多半不是圖不夠多，是搜尋的輸入錯了。輸入不該是名詞的英文翻譯，而是版位規格：比例多少、主體偏哪一側、要不要留白放標題、畫面裡有幾個人、色彩靠不靠近品牌色。先把每個版位寫成規格再開圖庫，比「先看看有什麼圖」快得多，選出來的圖也更接近能直接用。

Hero 橫幅與手機直式要同時規劃。桌機的 Hero 常見 16:9 或更寬的 21:9，手機版位偏直式，同一張照片要能在兩種比例裡都保住主體；文字疊圖需要負空間，主體偏一側、背景乾淨的照片好切好用，構圖密度本身就可以列進搜尋條件。

品牌色一致性是篩選器，不是事後修圖。照片用圖庫的色彩篩選先收斂色調，插畫直接指定色票，避免素材色感打架。版面結構同時決定圖片的三級規格：卡片小圖、內文配圖、全幅 Hero，尺寸跟著版位走，不跟著原圖解析度走。這組規格與網頁版面設計的欄位規劃、網站配色指南的色票系統是同一套決策；做Bento Grid 版面時，每個格子的圖片規格更要先定義，不然素材會在切版階段全部重來。

實際搜尋時，把規格寫在關鍵字之前：比例、主體位置、留白方向、品牌色，先用這些條件過濾結果，再用方向、顏色與人物數量等篩選器縮小範圍。這個順序比先搜再裁穩，能減少主體在手機版被切掉、或上線後才發現找不到放標題的位置。

英文字詞用同義詞加情境字擴展，logistics night shift、quiet studio、support desk 這類組合，比單一名詞更貼近真實場景，也更容易避開被用到浮濫的熱門結果。以圖搜圖是找同系列與原始來源的線索，搜得到不代表有授權，找到原始素材頁才算完成這一步。

累積幾個專案後，把「已驗證關鍵字＋來源頁」建成私人詞庫，下一個專案從存量開始，不是從零猜。詞庫一列一筆：搜尋字、搭配的篩選器、命中的來源頁、適用的版位類型，加一欄命中品質的分級，換素材站或帶新人時直接交接。圖片搜尋詞與主題的對應，可以併進內容行銷策略的關鍵字表一起維護，圖與文共用同一套語意地圖，找圖的速度會隨專案數累積。

挑站看授權單純度，不是看站數

圖庫網站收藏不完，工作流需要的其實是少數幾個能交代權利的來源。用四個條件過濾：授權標示清楚、可商用範圍明確、格式齊全、下載紀錄可保存。依授權機制分組各選代表，8 到 12 個來源分層使用，勝過三十個書籤；分層的理由很簡單，每次切換來源都要重新核對條款，來源愈多，漏查的機會愈大。

四個條件各有檢查法。授權標示清楚，看兩頁內找不找得到授權全文、素材頁連不連得到條款；可商用範圍明確，看它能不能被寫成內部一張表：什麼可以、什麼不行、義務是什麼，寫不出來的站代表每次使用都要重讀一次。格式齊全指照片、向量、圖示、影音是否覆蓋你的版位需求；下載紀錄可保存，看有沒有下載清單、發票或授權文件可匯出，這關係到治理層能不能運作。

自訂授權一組，Unsplash、Pexels、Pixabay 當日常主力：題材廣、篩選器成熟、條款結構相近，日常配圖的查找成本最低。這是工作流建議，不是排名，更不是說三家的禁令完全相同，條款差異在前一段已經對照過。

freemium 署名一組：Flaticon、Vecteezy、Icons8。Flaticon 的條款要求免費下載以指定方式標示網站與作者，Vecteezy 的 Free License 說明與Icons8 的免費授權也各有指定的署名格式。要用這一組，署名流程要先建好，否則每一張下載都是未完成的授權。

開源圖示一組：Heroicons、Tabler Icons、Phosphor Icons 採 MIT，Lucide 採 ISC，分見Heroicons 的授權檔、Tabler Icons 儲存庫、Phosphor Icons core 與Lucide 的授權檔。MIT 與 ISC 不要求在每個圖示旁掛名字，但散布套件或交付原始檔時要保留授權聲明，這是義務。iconmonstr 的條款是自訂授權，可商用免署名，禁止把圖示註冊商標或重包成素材庫；Iconify 的圖集文件逐套標示授權資料，選了哪套就守哪套的條件；想擴充來源，免費圖示網站清單有整理好的完整盤點。

向量插畫與人物元件一組：unDraw、Storyset、DrawKit、humaaans、Open Peeps，各見unDraw 授權頁、Storyset 使用條款、DrawKit 授權頁、humaaans 官方頁與Open Peeps 官方頁。這組的選法是依品牌調性定一套主用，人物元件尤其忌諱混用不同套的頭身比例與筆觸，混了，畫面就散了。

照片候選一組，以條款頁寫得清楚為準：freestocks、picjumbo、StockSnap、IsoRepublic、Burst，各見freestocks 使用條款、picjumbo 的 FAQ 與條款、StockSnap 使用條款、IsoRepublic 授權頁與Shopify Burst 授權。差異主要在主題集中度與條款寫法；標示 CC0 的站，人物與商標一樣要自己清，條款頁寫得明白的站，爭議時你才答得出來。

品牌沿革知道一段就夠：Freepik 併購 Magnific AI 後，公司與平台品牌整體改為 Magnific（見官方沿革說明），現行授權總覽仍把免費署名與付費免署名分成兩軌。會提這段，是因為素材庫的存續比名稱重要：能交代授權、事後回得去找到同一張素材的站，才值得放進候選名單；改過名的站，舊書籤對不上新頁面時，下載紀錄裡的素材頁連結就是回家的路。

設計工具內取圖的需求存在，但工具整合只值得單點提及：照片類看Figma 圖庫外掛的挑選流程，圖示類看Figma 圖示外掛的對照，立體素材另有3D 設計資源的整理。工具內取圖省的是切換視窗的時間，授權判斷一步都不會少。

當主力圖庫找不到時：開放搜尋、影音與歷史素材

主力圖庫翻完還是沒有合適照片時，往三個方向找：開放搜尋索引、影音素材、公共領域歷史藏品。三個方向各有各的注意事項，共通點只有一個，找到素材不等於完成授權檢查。

Openverse 是搜尋引擎，不是圖庫。它索引開放授權的圖片與音訊，能依商用、修改等條件篩選，但索引過程不會替你核對每一筆標示，定位說明見Openverse Handbook。

聚合搜尋的價值在發現，不在背書。結果頁標示的授權只是索引當下的快照，點進素材的原始頁面核對作者、授權版本與下載方案，才算完成查核；把搜尋結果頁的標示直接當證據，證據力是空的。

影音素材走 Mixkit 時，官方授權頁把素材類型分開處理，影片又分 Free 與 Restricted 兩軌：Free 可進商業專案，Restricted 的用途較窄，以下載頁說明為準。規劃短影音行銷版位時，每支下載的影片都要確認落在哪一軌；影片的規格需求也與照片不同，封面幀、長度、直式裁切與音樂授權要分開規劃，音樂與音效的條款常常自成一頁。

公共領域與博物館開放藏品是第三個方向。公眾領域標章與 CC0 是兩回事：前者是「沒有已知權利限制」的聲明，後者是權利人主動放棄權利；歷史素材的權利鏈要追到典藏機構，New Old Stock 的權利說明就明講素材依其所知無已知限制，並要求使用者回原典藏機構確認權利聲明。追到源頭後，出處頁一樣存進素材庫；歷史視覺與版面靈感的搭配，可參考網頁設計靈感網站的整理。

署名是履約，不是禮貌

需要署名的素材，義務由「素材＋方案」決定，不是由平台決定。署名寫在哪裡、寫多細，分兩軌處理：公開位置放授權要求的最小內容，放在看得到也連得到的位置；內部紀錄留完整資訊，作者、素材頁、條款版本、下載日期。兩軌並行，誰都不能替代誰。

freemium 平台的署名是授權條件，漏寫就進入違約狀態，這在 Flaticon 免費方案、Vecteezy Free License 都一樣；發現後盡快補正，權利能否恢復、怎麼恢復，依各家條款個別認定。CC BY 4.0 的標示元素依Creative Commons 的 FAQ：作者、來源、授權名稱與連結，有修改要加修改聲明；這套條款同時寫明回頭的路，違反時權利雖自動終止，但只要在發現違規後三十日內補正，權利自補正之日起自動恢復，權利人明示恢復是另一條途徑（見CC BY 4.0 條款第 6 條）。平台常提供可直接複製的署名句，原樣保留必要的連結最省事；要自組署名句時，格式抓一個原則，讀者看得到、點得到、對得上，缺一項就回到未履約的狀態。

公開位置依版位類型選擇：資訊圖表寫進圖說、品牌官網集中在關於頁、影片放片尾名單，位置對了才算履行。內部紀錄不一樣，它不寫給讀者看，寫給兩年後的你與稽核看，欄位要能回答「誰、哪一張、哪個版本、哪一天」。只把來源留在內部表格、沒有出現在授權要求的公開位置，署名義務沒有完成；反過來只放公開署名、沒有內部紀錄，條款改版時就失去答辯材料。

付費期間下載的素材，訂閱到期後能不能繼續用在已上線頁面，看的是下載當時的授權，不是現在的方案頁。方案名稱與下載日期因此是關鍵欄位，少了這兩項，到期後的盤點只能整批重查。

再舉一個建構情境：B2B 軟體公司被客戶要求出示網站素材的來源證明，專案負責人打開素材庫，每筆資產帶著素材頁連結、下載日期、當時方案與使用位置，回信附上清單，半天結案。此情境為說明用的組合，不是特定公司的案例；會不會陷入兩週的翻找，差別只在素材庫有沒有那些欄位，而欄位是下載當天花三十秒就能記下的東西。

AI 生成沒有繞過查證，只是換了題目

自己用 AI 生成的圖，並非就沒有授權問題，題目換了四個：輸出的使用權由生成平台的條款決定；畫面相似於特定人物或品牌時，權利問題回來了；訓練資料的條款爭議尚未收斂；證據留存從「授權頁截圖」變成「生成紀錄」。來源驗證規格能輔助查核，取代不了授權與人工判斷。

C2PA 是三套常被並列的機制之一，2021 年發起（見創立公告），用 Manifest 以數位簽章把來源聲明綁定到資產，行為定義在技術規格 2.2。它能驗證簽署者對這個檔案做了什麼聲明，不會自動證明畫面內容為真。

Content Credentials 是 C2PA 生態的介面層，Adobe 工具鏈支援建立與附加憑證（見Adobe 官方說明），LinkedIn 對含 C2PA 資料的媒體漸進顯示來源圖示（見說明文件）。SynthID 是 Google DeepMind 的不可見水印，依產品逐步開放到圖片、音訊、影片與文字（見產品說明），不是通用標準。三套機制驗的都是來源與完整性，沒有一套處理授權。

憑證比多數人想的脆弱：截圖、轉存、壓縮、部分平台的處理流程，都可能把 metadata 剝掉。憑證遺失不能反推素材有問題，也不能反過來把憑證存在當作一切安全的證明；權利來源還是以生成平台的商業授權條款為準，憑證只是輔助查核的訊號之一。

所以紀錄分兩層：檔案本身能保留的憑證，加上內部的模型、版本、日期、提示詞、後製與核准人。生成圖要用在包裝、廣告或長期品牌識別時，畫面若像特定真人、角色或品牌，分開送審，不要拿「AI 生成的」當免審理由。

訓練資料的爭議還沒收斂，各生成平台對輸出權利的承諾也不同，商用專案看兩個地方就夠：生成平台的商業方案條款怎麼寫輸出使用權，以及你輸入的參考素材自己有沒有權利。用別人的照片當輸入再聲稱輸出是自己的，爭議來的時候兩層都會被問；輸入用自己拍的、買的或 CC0 的素材，風險面就單純得多。

尺寸、格式與版面空間，下載前就要定案

圖庫原圖不能直接上網站，也不需要。下載前先定四件事：版位尺寸集合、壓縮與格式備援、載入時機、預留空間。事前定案的成本是幾分鐘，事後補救的成本是整批頁面重切。

原圖體積先降下來。高解析檔動輒數 MB，直接上線會把行動版載入拖慢，壓縮與尺寸重設是第一關；工具路線看圖片壓縮工具的比較，WordPress 站看WordPress 圖片優化流程，或直接交給圖片壓縮外掛處理。

回應式圖片用 srcset 與 sizes 讓瀏覽器依版位選圖；要提供多種格式時，picture 元件裡 source 的順序、媒體條件與結尾的 img 備援，一起構成降級鏈。JPEG 或 PNG 備援保不保留，依目標瀏覽器與維護成本決定，多數專案留一層 JPEG 就夠，不必機械式替每張圖產生所有格式。格式怎麼選，用輸出實測說話：同一張照片分別轉成 AVIF、WebP 與 JPEG，同樣視覺品質下比檔案大小，照片類與圖解類的贏家常常不同，放大檢查邊緣與文字再定案，比記住「哪種格式一定最小」可靠。

圖片沒有明確寬高時，瀏覽器無法在下載前預留空間，載入後把下方內容推開，版面位移就發生了。width、height 屬性或 CSS 的 aspect-ratio 先把比例留住，是成本最低的防位移做法（見web.dev 的 CLS 優化說明）；位移還可能來自廣告、字型與嵌入內容，圖片只是其中一個來源。

LCP 衡量可視區域最大內容元素完成顯示的時間，內容頁的主圖常是 LCP 元素（見web.dev 的 LCP 定義），主圖因此不要套延遲載入，要讓瀏覽器及早發現資源（見LCP 優化指南）；延遲載入只用在首屏以外，設定細節看延遲載入指南。alt 的判斷流程：資訊圖描述內容、裝飾圖留空、當連結用的圖寫動作，不是每張都塞關鍵字。

行動裝置在全球網站流量中約占半數（依Statista 的統計，此為全球比例，自己的站要看自己的分析資料）。Google 對網頁體驗的說明把它列入排名系統使用的訊號之一，同時明講沒有單一網頁體驗訊號、良好分數不保證排名；速度更直接的影響在使用體驗與商業指標（見web.dev 的整理）。體驗指標的完整框架，看Core Web Vitals 與 SEO。

給機器讀的署名：IPTC 與 Licensable 標記

授權資訊除了寫給人看，還可以寫給機器看。EXIF 記錄拍攝條件，IPTC Photo Metadata 的 Creator、Copyright Notice 與結構化 Licensor 是攝影工作流的權利欄位（見IPTC 的快速指南與Standard 2025.1 規格），網頁端則用 ImageObject 結構化資料。提供這些資料，讓搜尋引擎讀得到權利資訊，也讓圖片取得顯示授權徽章的資格。

Google 圖片的授權標記有兩條路：寫進圖片檔的 IPTC metadata，或在頁面放結構化資料。走結構化資料時，必要的欄位是 contentUrl 與 license，acquireLicensePage 是建議欄位，定義在Google 的圖片授權文件與schema.org 的 ImageObject。以欄位清單交付工程師，比口頭說「加一下授權標記」可執行得多。

徽章是資格制。提供齊全的權利資料，圖片才具備顯示 Licensable 徽章的資格，顯示與否由搜尋端決定，沒有人保證每次出現；徽章也不改變授權本身，該署名、該取得的許可一樣都要做。把結構化資料當成完成授權的證明，等於把入場券當成門票。

上線前檢查輸出檔：位置等隱私 metadata 移除，必要的權利欄位在轉檔後還在；不要假設壓縮工具會替你保留或刪除什麼，轉一次檢一次。驗證用 Search Console，把成效報表切到圖片搜尋看曝光與點擊；官方對資料差異的說明提醒圖片資料會歸到承載頁面網址，同頁多張圖不一定逐張拆開。檢查 metadata 用能讀 IPTC 與 EXIF 的檢視工具，交付前把欄位清單勾一遍，比肉眼信任轉檔流程踏實。圖片在搜尋端的整體優化，還有一份圖片 SEO的完整流程可以照著走。

圖片變體先收斂，CDN 計價才可控

導入圖片 CDN 之後帳單變貴、版本變亂，通常不是服務的問題，是變體沒有收斂。任意寬度、品質與格式參數都能即時生成衍生檔，組合是無界的。先用版位命名規格把變體收斂成固定集合，再讓 CDN 生成；而且三家服務計價單位不同，不能套同一套算法。

命名規格的做法：尺寸加版位代號組成固定字串，例如卡片小圖、內文配圖、Hero 桌機、Hero 手機四種，新的需求先對規格，對不上才開新規格並記錄原因。規格表就是變體白名單，超出清單的 URL 參數一律擋掉。

計價單位的差異要各自讀：Cloudflare Images 對遠端圖片按每月唯一轉換計費（見Cloudflare Images 定價文件）；Cloudinary 用 credits 涵蓋轉換、儲存與頻寬，首次轉換建立衍生資產的行為寫在轉換文件，方案見定價頁；imgix 的各功能使用不同 credit 單位（見imgix 定價）。換算成同一套「每月成本」之前，先確認比的是同一個單位。

CDN 也不是上線就更快：DNS 解析、回源、快取命中率與版面標記都影響結果，驗收要看真實使用者的 LCP、圖片傳輸位元組與帳單，不只看單張圖在工具裡的壓縮比。導入順序建議五步：

1. 盤點現況：原圖數量、每月流量、熱門尺寸與回源比例。
2. 定義候選尺寸：依實際 CSS 版位建立少量候選，不替每個可能寬度各做一張。
3. 限制參數：驗證寬高、品質與來源網域，超出規格的請求擋下。
4. 小流量切換：挑一種頁面驗證格式、快取與帳單再擴大。
5. 保留回復路徑：原始資產與網址對照要能匯出，服務遷移時不會失聯。

速度治理的整體框架，看網站速度優化指南；圖片這一段做完，剩下的問題多半在伺服器與前端。

兩年後還答得出來嗎？素材庫的欄位設計

很久之後被問到某張上線圖片的來源與授權，能答得出來的關鍵是欄位。每筆資產至少保存四個欄位：素材 ID、下載日期、授權版本、使用位置。欄位設計的標準只有一句，不熟這個專案的人，能靠這些欄位重做你當時的判斷。

四個欄位各有任務。授權是下載當下的狀態，條款會改版，日期欄位是舉證的錨點；使用位置讓下架與替換可以反向追蹤，平台發布撤換通知時，不必全站翻找；素材 ID 把證據與檔案綁在一起；授權版本回答「當時適用哪一套規則」。

欄位齊了，工具才有意義。DAM 軟體或資料夾加命名規則都行，重點是六類欄位都進得去（見下表）。視覺搜尋與去重可以交給Eagle 素材管理工具這類 DAM，授權欄位仍要團隊自己定義與維護，因為它們回答的是流程與舉證問題，不是美感問題。

↔ 左右捲動檢視完整表格

欄位類別	要記什麼	回答什麼問題
識別	內部檔名、原始檔名、素材 ID	這是哪一張
來源	平台、作者、素材頁連結、下載日期	從哪裡來、何時取得
授權	授權名稱與版本、帳號方案、署名文字	當時適用哪套規則
權利	人物與商標釋出狀態、敏感審查結果	第三方權利清了沒
使用	頁面、客戶、媒介、期間	用在哪、撤換時找得到嗎
技術	尺寸、格式、裁切版本、metadata 狀態	上線的是哪個版本

條款改版時的處理原則：標「停止新增」，不要直接刪除仍在使用的紀錄，既有使用依下載當時的授權文字評估。當時的授權頁截存若遺失，舊版條款有機會從網頁檔案服務調閱；調不到時，用郵件收據、下載紀錄與帳號歷史拼出時間點，補存的現行版本要明確標註為事後保存，不能當成下載當時的條款。檔名寫 free 不構成證據，證據要能回答版本、日期與禁止用途；結案交付包含原始素材清單、授權證據與修改紀錄，客戶之後把素材挪去新用途，那是新的判斷，不是原核准的延伸。

導入不用一步到位。先用一張共用試算表把四個必要欄位跑起來，累積到幾百筆、開始有人找不到圖時，再評估 DAM 工具；順序反過來，工具先進場、欄位靠事後補，補的多半是忘記的記憶而不是證據。欄位先於工具，流程先於整潔，這八個字是素材庫能活過兩年的原因。

可下載與可發布之間，隔著一道權利審查

多人協作時，要擋住未確認授權的圖直接上線，靠的不是口頭提醒，是狀態。素材庫分成候選與核准兩個狀態：下載進候選庫，完成授權、人物、商標與敏感用途檢查後，才進可發布庫。狀態與標記設計清楚了，責任才清楚。

標記至少三種：候選（未驗證，只在內部流傳）、核准使用（綁定專案與媒介，註明範圍）、停止新增（附原因，既有使用另行評估）。撤換通知進來時，先確認素材 ID 與使用位置再動作，不要在釐清前刪掉原始紀錄；通知內容、下載日期與原授權，正是後續判斷要用的材料。

狀態搬移設權限：誰能核准、核准時看哪些欄位（授權頁截存、素材 ID、用途聲明），在流程裡寫死。設計師下載、主管核准、工程師只取用核准庫，三個角色各扛各的責任；再與上線前檢查串起來，素材進場有欄位、上線有規格、事後有證據，整條鏈就閉合了。

跟客戶與外部廠商協作時，責任界面寫進合約：素材由誰提供、授權由誰查核、撤換時誰出替換成本。常見的模糊地帶是外包設計師「順手」帶進自己下載的素材，成品出了狀況才發現合約沒寫誰負責；界面清楚，免費素材的低成本才不會在賠償條款裡吐回去。

回到開頭那場會議：業主問的「這張哪來的」，素材庫三個欄位就能回答。免費省下來的是素材費，省不下來的是判斷；把規格、證據與狀態接進發布流程，下載零元的素材才會變成資產。下一步清單四項：

1. 選定主力：依授權機制分組，定出 8 到 12 個分層來源。
2. 定欄位：素材 ID、下載日期、授權版本、使用位置先跑起來。
3. 排進流程：壓縮、尺寸、alt 與延遲載入寫進發布檢查表。
4. 每季巡檢：條款改版、撤換通知與素材庫狀態一起看。

爭議不會因為你付了錢或沒付錢而繞道，它只看四件事：哪一張、哪個方案、什麼用途、證據在哪。這四件事都有答案的團隊，免費圖庫就是最便宜的視覺資產來源。