網站上線前，服務頁面的配圖檢查是一項容易被忽略但非常關鍵的工作。配圖品質直接影響用戶對網站專業度的第一印象，也關係到頁面載入速度和 SEO 表現。本文整理了一份服務配圖檢查清單，幫助你在上線前逐項核對，確保圖片合規、清晰、與內容匹配。
一、圖片合規性檢查
圖片的版權與使用權是上線前必須確認的事項。使用未經授權的圖片可能帶來法律風險，尤其是在商業網站上。
- 確認所有圖片都有合法授權，包括自拍圖、購買的圖庫圖片、或明確標註可商用的免費圖片。
- 檢查圖片中是否包含人物肖像，若有需確認是否有肖像權授權。
- 避免使用含有其他品牌商標、Logo 或明顯設計元素的圖片，防止侵權。
二、圖片技術參數檢查
圖片的技術參數直接影響載入速度和顯示效果。不同場景對圖片的尺寸、格式、清晰度要求不同。
- 尺寸與比例：確保圖片尺寸與頁面佈局匹配。常見的服務配圖尺寸包括 1200×800px（寬幅背景）、800×600px（展示圖）、300×300px（圖示或頭像）。避免使用原圖上傳而不做裁剪。
- 格式選擇：一般攝影圖片用 JPEG，圖示或簡單圖形用 PNG-8 或 SVG，需要透明背景用 PNG-24。盡量不使用 BMP 或 TIFF。
- 檔案大小：每張圖片控制在 200KB 以內，背景圖可適當放寬至 500KB。過大的圖片會拖慢頁面載入。
- 清晰度：圖片不能模糊、拉伸變形或有鋸齒。檢查在 Retina 螢幕下是否清晰，必要時提供 2x 圖。
三、圖片內容與風格檢查
配圖需要與頁面內容相關，並保持整體風格一致。
- 檢查每張圖片是否準確反映對應的服務內容。例如，網站建置服務頁面應使用網站設計或開發相關的圖片，而不是無關的風景圖。
- 圖片的整體色調、光影、構圖是否與網站品牌色、排版風格協調。如果網站是簡約風格，配圖也應簡潔乾淨。
- 避免使用帶有水印、日期、文字或過時元素的圖片。
四、圖片 ALT 標籤與 SEO 檢查
每張圖片的 ALT 標籤不僅有助於 SEO，也是無障礙訪問的基礎。
- 為每張重要的圖片編寫描述性的 ALT 文字，自然包含與頁面相關的關鍵詞（如「企業網站建置服務圖」），但不要堆砌關鍵詞。
- 裝飾性圖片（如分隔線、背景紋理）的 ALT 屬性應設為空（alt=""）或使用 CSS 背景圖，避免干擾螢幕閱讀器。
- 檢查圖片檔名是否優化，建議使用英文或拼音，如「website-service.jpg」，避免中文亂碼或預設數字命名。
五、載入效能檢查
圖片數量多或體積大，容易影響頁面載入速度。
- 使用工具（如 PageSpeed Insights）檢查圖片壓縮情況，必要時進一步壓縮。
- 確認是否使用了懶載入技術，尤其對於頁面底部的配圖。
- 檢查 CDN 或圖片伺服器是否配置正確，圖片能否快速載入。
提醒：上線前最好在真實網路環境（如 4G 網路和電腦 Wi-Fi）下測試頁面載入情況，確保圖片顯示正常且速度可接受。
六、瀏覽器與裝置相容性檢查
配圖在不同瀏覽器和裝置上可能出現顯示差異。
- 在 Chrome、Firefox、Safari、Edge 等主流瀏覽器中預覽，檢查圖片是否正常顯示、位置是否正確。
- 在手機和平板裝置上檢查圖片自適應情況，確保不會出現圖片過大破版或太小看不清的問題。
- 檢查圖片在橫豎屏切換時是否有異常。
七、最終上線前的核對
在正式上線前，對照清單逐項確認，最好由另一位同事交叉審核。
- 所有圖片連結是否有效，無死鏈或404。
- 圖片 alt 標籤和 title 屬性是否正確。
- 圖片是否在頁面中起到輔助說明或視覺美化作用，而不是干擾。
- 確認沒有遺漏需要替換的佔位圖或測試圖。
完成以上檢查後，服務配圖基本可以放心上線。網站上線後也可以定期對圖片進行複查，隨著服務內容和設計風格的調整，及時更新配圖，保持網站的新鮮感和專業性。
