整理網站素材時,圖片命名往往被當成小事,但等到需要替換 banner、更新產品圖或做改版時,混亂的檔案名稱會讓人花大量時間在找圖上。與其臨時補救,不如在整理素材時就用一份檢查清單,把命名規則和整理步驟固定下來。
一、先確定命名規則,再動手改檔案
命名規則是檢查清單的基礎。沒有規則,每個人按自己習慣命名,後期依然會亂。建議在整理前先和團隊(或自己)約定一套簡單統一的規則,至少包含以下要素:
- 檔案類型或用途:如 banner、product、news、icon,讓人一眼知道圖片用在哪。
- 內容描述:用 2-4 個關鍵詞說明圖片內容,比如「春季促銷主視覺」「產品A白色款」。
- 日期或版本:如 20250415 或 v1,方便識別新舊版本。
- 尺寸或比例:如果圖片有固定尺寸要求,可以在檔案名稱中標註,如 1920x600,便於直接呼叫。

例如:banner-spring-sale-20250415-1920x600.jpg。這個示例是假設的,你可以根據自己網站的情況調整。
二、檢查清單的核心步驟
有了規則,接下來按步驟檢查每一張圖片。以下檢查清單適用於大多數企業官網的素材整理場景:
1. 檢查檔案格式是否統一
圖片格式影響載入速度和顯示效果。整理時先檢查同一用途的圖片是否格式一致,比如 banner 都用 JPG 或 WebP,圖示都用 SVG 或 PNG。如果混用,建議統一轉換,避免後期呼叫時出現相容問題。
2. 檢查檔案名稱是否包含無效字元
檔案名稱中不要包含空格、中文特殊符號(如「&」「%」)以及「#」等字元,這些字元在 URL 中可能被轉義,導致連結失效。建議使用連字號(-)或底線(_)分隔單詞。
3. 檢查命名是否可讀且可檢索
打開資料夾,隨便看一個檔案名稱,能否立刻知道它是什麼內容?如果看到「IMG_20250415_001.jpg」這種預設命名,就需要重新命名。可讀性意味著檔案名稱本身就能傳達圖片用途,方便用搜尋工具快速找到。

4. 檢查是否有重複或近似檔案
整理時經常發現同一張圖片有多個版本,如「產品圖-複本」「產品圖-最終版」。建議刪除明顯重複的檔案,只保留最新版本,並在檔案名稱中標註版本號,避免混淆。
5. 檢查圖片是否按目錄歸類
命名之外,資料夾結構也很重要。建議按用途或欄目建立子資料夾,比如 images/banner、images/product、images/news。檢查清單中應包含「檔案是否已移動到正確目錄」這一項。
三、複核時重點看哪些地方
命名和移動完成後,不要急著結束,花幾分鐘複核一遍:
- 隨機抽查 5-10 個檔案,看命名是否符合規則,內容是否對應。
- 檢查引用關係:如果圖片已用在網站上,改名後需要同步更新網頁中的引用路徑,否則圖片會失效。整理前最好先匯出所有圖片 URL 列表,或在本地搜尋引用。
- 檢查 alt 屬性:圖片的替代文字(alt)是 SEO 的一部分,整理時順便檢查 alt 是否與檔案名稱、圖片內容一致,這有助於搜尋引擎理解圖片。

四、把檢查清單固化為日常習慣
一次整理只能解決當前問題,如果後續上傳新圖片時仍然隨意命名,混亂會再次出現。建議將這份檢查清單儲存為文件,放在團隊共享位置,或者在每次上傳圖片前對照檢查。長期堅持,素材庫會越來越有序。
如果你正在整理網站素材,不妨現在就打開圖片資料夾,按上述步驟檢查一遍。先從最常用的 banner 和產品圖開始,逐步擴展到所有圖片。養成好習慣後,後續維護會輕鬆很多。





