網站圖片展示效果不佳時，許多企業的第一反應是更換圖片或調整樣式，但實際執行時才發現素材庫一團亂：找不到原始圖檔、不清楚哪些圖片可用、尺寸五花八門。優化圖片展示不僅是前端設計的範疇，素材庫的整理才是首要步驟。本文從實務操作角度，說明優化前素材庫應準備哪些內容。
1. 原始檔案歸檔：別只保留壓縮圖
許多網站後台僅上傳壓縮後的展示圖，原始圖檔散落在設計人員的電腦或通訊紀錄中。優化圖片展示時，若需重新裁切、調整比例或適配新裝置，缺少原始圖檔將陷入被動。素材庫應建立原始檔案目錄，依日期或專案歸檔，至少保留未壓縮的原始檔（如 PSD、AI 或高解析度 JPG）。命名建議包含「專案名稱＋日期＋版本」，例如「2024官網改版_banner_原始_v2.psd」，便於查找。
2. 尺寸規範：依用途分類準備
圖片展示優化通常涉及不同位置：輪播圖、產品圖、文章配圖、縮圖等，各位置所需的尺寸不盡相同。素材庫應提前整理常用尺寸規範，並標註用途。例如：輪播圖建議 1920×600 像素，產品主圖 800×800 像素，文章配圖 750×400 像素。整理時可用表格列出位置、尺寸、格式與檔案大小上限，方便設計或營運人員依規範輸出。若尚無現行規範，可參考目前網站模板的預設尺寸，或主流裝置解析度來制定，但無需追求絕對精確。
3. 命名與檢索：讓團隊都能找到
素材庫的命名直接影響協作效率。避免使用「未命名1.jpg」「最終版.png」等名稱。建議採用「類別_用途_描述」的格式，例如「產品_主圖_藍色耳機.jpg」。同時建立標籤或資料夾分類，依產品線、活動、內容類型劃分。如此優化圖片時，營運人員能快速定位素材，無需反覆詢問設計或翻找歷史檔案。
4. 授權與版權：避免侵權風險
使用圖片前必須確認版權。素材庫應整理每張圖片的授權資訊，包括來源（自攝、購買圖庫、免費圖庫）、授權範圍（是否允許商用、可否修改）、到期時間（如有）。建議在素材庫中單獨建立授權紀錄表，或直接在檔名中標註「可商用」「僅限內部」。優化展示時，若涉及替換圖片，應優先使用有明確授權的素材，避免因版權問題導致下架或法律糾紛。
5. 現有圖片狀態：標記哪些需替換
優化前先盤點現有網站圖片，標記哪些是過時、模糊或與內容不匹配的。素材庫可增加「狀態」欄位，例如「使用中」「待替換」「已廢棄」。如此優化時能明確優先順序，將精力集中於關鍵頁面。同時，記錄每張圖片在網站中的使用位置，便於替換時快速定位。
6. 格式與壓縮：準備 Web 可用版本
網站載入速度與圖片大小直接相關。素材庫應準備 Web 優化後的版本，例如 JPG 或 WebP 格式，並控制檔案大小。可在整理時統一輸出一套壓縮版，置於「網站用圖」目錄下。注意保留原始檔案，以便未來生成不同尺寸。壓縮工具可使用線上壓縮或影像處理軟體，但無需追求極致壓縮，以視覺可接受為準。
以上是優化圖片展示前素材庫需準備的核心內容。實際操作時，可先從目前網站最常用的圖片位置開始，逐步完善素材庫。整理完善的素材庫不僅能提升本次優化效率，也為後續內容更新奠定基礎。
