實用檢查清單
開始前先確認這五項
- 標明每張圖的用途與版位。
- 保留母檔及網頁使用版本。
- 檢查手機和桌面的裁切與細節。
- 撰寫準確的本地語言圖說及 alt。
- 保存權限紀錄，清楚標示概念插畫。
先分清圖片的工作
產品細節照片協助買家檢查物件，流程插畫用來解釋概念，裝飾圖形則建立視覺氣氛。上載前先在素材清單註明用途，因為裁切、尺寸、說明文字和放置位置，都會因用途而不同。
例如出口商的買家可能想看接頭、表面處理或包裝安排。應選能回答該問題的圖片。漂亮的倉庫場景不能代替特定產品細節，尤其場景與企業實際設施無關時，更不宜讓讀者誤會。
按實際版位製作網頁版本
保留原始母檔，再製作適合網站的版本。文章縮圖不一定需要與全螢幕產品檢視相同的檔案。建立基本發布規格，讓編輯知道哪種圖片用於封面、卡片或詳細介紹。
請實作者檢查尺寸、格式及版面預留空間，並在手機與桌面看實際效果。如果壓縮令接頭紋理或必要標示變得模糊，應調整該素材，而不是對所有圖片使用同一設定。檔案大小與資訊清晰度需要一起評估。
| 版位 | 記錄 | 檢查 |
|---|---|---|
| 文章卡片 | 顯示寬度、輸出尺寸、檔案大小 | 縮圖仍能辨認主體 |
| 產品詳圖 | 顯示寬度、輸出尺寸、檔案大小 | 需要的紋理或標示仍清楚 |
| 手機版 | 裁切、預留空間、實際載入檔案 | 關鍵內容沒有被裁走 |
寫真正有用的 alt 文字
Google 的圖片指引建議使用相關周邊文字和描述性 alt，避免堆砌關鍵字。文字應說明這張圖在當前頁面的作用。純裝飾圖一般用空白替代文字；複雜圖解則可能需要正文補充說明。
例如「有兩個螺紋接口的不鏽鋼接頭」比重複數次「香港供應商」更有資訊。如果照片只顯示一個角度，不要聲稱它證明看不見的尺寸或認證。已核實規格應放在可閱讀及比較的產品內容中。
共用圖片時本地化說明
英文與繁體中文頁面若使用同一圖片解釋相同內容，可以共用檔案，但圖說和 alt 應使用各頁語言。必要時解釋縮寫和單位，亦要確認裁切沒有移除重要標籤。
內部素材紀錄可包括來源、使用許可、產品編號及覆核日期。舊照片若不再反映目前產品，應更新或加以說明。沒有負責人的素材庫，容易令網站正文已更新，圖片仍在展示過時資訊。
清楚使用 AI 概念插畫
AI 圖片適合介紹網站架構、搜尋分析等抽象題目。若可能被看成實際證據，應註明為概念插畫。不要將生成的工廠、職員或產品測試畫面，當成企業真實能力的證明。
委託配圖時，可要求縮圖仍清楚的構圖，沒有必要便不加入圖片內文字。保存提示詞、選定版本和使用位置，方便日後維護。多語言文章共用插畫時，仍要分別提供與內容相關的文字解釋。
資料來源與適用範圍
- Google：圖片 SEO 指引（英文）developers.google.com
技術參考；本文情境及檢查流程為編輯建議。
- W3C WAI：圖片無障礙教學（英文）w3.org
技術參考；本文情境及檢查流程為編輯建議。