企業官網日常營運中，圖片尺寸是經常被忽略卻又影響體驗與效率的細節。圖片太大，頁面載入慢；圖片太小，在電腦上模糊；圖片命名隨意，更新時找不到檔案。本文從展示與更新兩個角度，談談如何規劃圖片尺寸。
先明確圖片的使用場景
網站裡的圖片大致分幾類：banner、產品圖、文章配圖、欄目縮圖、圖示背景等。不同場景對尺寸要求不同。例如banner通常寬度大、高度固定，適合用1920像素寬；產品圖需要清晰展示細節，建議寬度800-1000像素；文章配圖寬度一般600-800像素即可；縮圖則更小，200-300像素。製作前先列出網站所有用到圖片的位置，記錄每個位置的建議尺寸，作為統一標準。
依更新頻率決定圖片處理方式
經常更新的圖片，例如新聞配圖、活動banner，要優先考慮檔案大小與命名規範。建議使用壓縮工具將圖片控制在200KB以內，命名採用「日期-欄目-序號」格式，例如「20240515-news-01.jpg」。這樣上傳時容易識別，後續查找也方便。不常更新的圖片，如企業簡介配圖，可以保留較高解析度，但也要壓縮，避免影響整體載入速度。
建立圖片尺寸規範表
將不同位置的圖片尺寸整理成表格，方便設計與編輯人員參考。表格可以包括：位置、寬度、高度、檔案大小建議、格式、命名規則。例如：banner（1920×600，JPEG，≤300KB）、產品圖（800×800，JPEG，≤200KB）、文章配圖（800×500，JPEG，≤150KB）。這樣每次製作圖片時，直接依規範操作，減少反覆調整。
壓縮圖片時注意品質平衡
壓縮圖片常用工具如TinyPNG、Photoshop「儲存為Web所用格式」等。壓縮時觀察圖片品質，尤其文字邊緣與產品細節。一般壓縮到原體積的30%-50%不會明顯失真。如果圖片包含文字，建議匯出為PNG或WebP格式，避免文字模糊。對於需要透明背景的圖片，使用PNG；一般照片用JPEG。
更新圖片時檢查顯示效果
上傳新圖片後，要在前台頁面檢查顯示是否正常。重點看是否被拉伸、裁切，以及不同螢幕尺寸下的表現。如果網站是響應式設計，圖片會自動縮放，但要注意小螢幕上文字是否清晰。建議在電腦、手機、平板各看一遍，必要時調整圖片尺寸或位置。
定期清理舊圖片
網站營運久了，伺服器上會累積大量未使用的圖片。定期清理可以節省空間，也方便管理。清理前先確認圖片沒有被引用，可以透過後台的圖片管理功能或手動檢查。建議每季清理一次，將不再使用的圖片刪除或歸檔。
總之，圖片尺寸的規劃要提前考慮展示需求與更新效率。透過制定規範、統一命名、合理壓縮與定期檢查，可以讓圖片既美觀又便於維護。
