舊網站換成新網站時，文字內容通常有人專門校對，圖片卻經常被當成「順手搬過去」的部分。等到上線後才發現：產品圖模糊、案例圖缺失、banner 換了尺寸被裁掉、有些圖片根本不知道來源。圖片資源的問題不會讓網站打不開，但會直接影響訪問者對企業的第一印象，也會給後續維護留下麻煩。
下面按改版實際發生的順序，把圖片資源常見問題分成幾類來說。每一類都給出可以操作的檢查動作，你可以對照自己手上的專案逐項過一遍。
一、盤點階段：舊站圖片沒有清單，後面全靠回憶
改版最容易犯的錯，是直接打開舊站首頁開始截圖、另存，而不是先把圖片系統盤一遍。舊站運行幾年後，圖片可能散落在文章正文、產品詳情、欄目頭圖、彈窗、頁尾等多個位置，靠人工翻頁面很容易漏。
比較穩妥的做法是先建立一份圖片清單。假設舊站有產品、案例、新聞三個主要欄目，可以按下面的欄位整理：
- 圖片所在頁面網址或欄目
- 圖片在頁面中的位置（頭圖、正文插圖、縮圖等）
- 本機是否已有原圖檔案
- 這張圖在新站是否還需要
- 處理結論：保留、替換、刪除、待確認
清單不用做得很複雜，一張表格就夠。關鍵是讓「哪些圖要搬、哪些圖不要」變成一個可以勾選的清單，而不是上線前臨時決定。判斷標準可以簡單一點：與當前業務仍然相關的保留，已經停售的產品圖、過期活動圖、明顯過時的團隊合照，可以標記為刪除或替換。
二、檔案命名：中文名、亂碼名和「IMG_0231」
舊站圖片常見的命名是「微信圖片_20230512.jpg」「未標題-1.png」或者一串數字。這類檔案在遷移時問題不大，但搬到新站後就很難管理：營運同事想找某張產品圖，只能一張張點開看。
改版是重新命名圖片的好時機。建議用「欄目-內容-序號」的英文或拼音小寫形式，例如產品頁的圖可以命名為 product-a-01.jpg，案例圖用 case-hangzhou-02.jpg。命名規則不需要多高級，只要團隊裡幾個人能看懂、能按關鍵字搜到就行。
同時注意避免檔案名裡出現空格、中文標點和特殊符號。這些字元在不同系統之間傳輸時容易變成亂碼，上傳到後台後也可能顯示異常。命名統一之後，後續替換圖片、核對版本都會省事很多。
三、尺寸與格式：新站版式和舊站不一樣
舊站的圖片尺寸是按舊模板裁好的，新站換了版式後，同一張圖放進去可能被拉伸、裁切或者留白。常見表現是：頭圖兩邊被切掉、產品圖比例變形、手機端顯示時圖片只露出中間一小塊。
處理這類問題，先確認新站每個圖片位置的實際顯示尺寸和比例，再決定舊圖是直接沿用還是重新匯出。假設新站首頁頭圖是寬幅比例，而舊站頭圖是接近方形，那這張圖基本需要重新裁切或換素材，而不是硬塞進去。
格式方面，照片類圖片一般用 JPG，圖示、logo、需要透明背景的圖用 PNG。改版時如果發現舊站有大量體積很大的圖，可以在重新匯出時統一壓縮，但壓縮程度以肉眼看不出明顯模糊為準，不要為了減小體積把產品細節壓糊。
四、圖片連結：換網域後舊圖網址失效
如果新站使用了新的網域或新的目錄結構，舊站圖片的訪問網址就會變化。已經發布出去的文章、外部平台引用的圖片、舊站被搜尋引擎收錄的圖片頁面，都可能出現打不開的情況。使用者看到的是空白框或破圖，體驗很差。
改版前可以先匯出舊站的主要圖片 URL 清單，上線後逐一打開檢查，確認哪些圖還能訪問、哪些已經失效。對於仍然需要保留的舊圖，盡量讓新站沿用相近的路徑，或者做對應的跳轉；確實不再使用的圖片，至少保證引用它的頁面已經同步更新。
另外要檢查正文裡的圖片引用方式。有些舊文章是直接貼上圖片網址的，換站後這些網址不會自動更新，需要重新上傳並替換。這類問題在文章數量多的時候容易被漏掉，建議按欄目分批檢查，而不是只看首頁。
五、版權與來源：說不清出處的圖不要直接搬
舊站上的圖片，來源可能很雜：設計公司提供的、員工自己拍的、從素材網站下載的、從別的網站儲存的。改版時如果原樣搬到新站，等於把來源不清的圖片繼續保留下去。
比較穩妥的處理方式是，在盤點清單裡增加一列「來源」。能確認是自有拍攝或已購買授權的，正常遷移；來源不明、明顯帶有其他品牌浮水印、或者從網路隨意儲存的圖片，建議替換掉。尤其是首頁頭圖、產品主圖這類顯眼位置，不要使用出處說不清的素材。
如果企業沒有專門的圖庫，改版時可以順手整理一個內部圖片資料夾，把確認可用的圖片集中存放，並標註用途和來源。以後再改版或做活動，就不用重新滿世界找圖。
六、後台管理：圖片上傳後沒人管
新站上線後，圖片管理方式也會變化。有的後台支援媒體庫，有的需要按欄目分別上傳。常見問題是：同一張 logo 被重複上傳了十幾遍，圖片標題和替代文字全是預設檔案名，過一段時間誰也說不清哪張是最新版。
建議在上線後定一個簡單的圖片管理習慣：上傳前先按命名規則改好檔案名；上傳時填寫有意義的圖片標題或替代文字，方便自己和同事檢索；定期清理不再使用的圖片，避免媒體庫越堆越亂。替代文字不需要寫得很長，能說明這張圖拍的是什麼、用在哪裡即可。
如果團隊裡有多人負責更新，最好約定一個存放規則，例如「產品圖放產品資料夾、活動圖按年份歸檔」。規則越簡單越容易執行，複雜的分級目錄反而沒人願意遵守。
上線前可以照著做的圖片檢查
改版收尾時，圖片相關的檢查可以集中在一次完成：
- 逐頁打開新站，確認沒有破圖、空白圖或載入失敗的佔位圖。
- 檢查首頁、欄目頁、產品詳情頁、文章正文裡的圖片是否顯示完整、比例是否正常。
- 在手機上再看一遍，重點看頭圖和產品圖有沒有被裁掉關鍵部分。
- 確認舊站還需要保留的圖片網址可以正常訪問。
- 核對一遍圖片來源，把說不清出處的圖片替換掉。
- 確認後台媒體庫裡的圖片命名和分類，後續同事能直接找到。
圖片資源的問題大多不是技術難題，而是改版時沒人專門負責。把它當成和文字內容同等重要的遷移對象，提前列清單、定規則、上線前集中檢查，能省掉很多上線後的返工。
