許多企業網站變慢,不一定是因為功能複雜,而是每一頁累積了尺寸過大、重複上傳或用途不明的圖片。圖片能傳遞產品質感與服務現場,但若沒有管理原則,也容易讓手機使用者等待更久,讓維護人員不知道該保留哪個版本。
圖片優化不只是「把檔案壓小」。更重要的是先確認畫面需要什麼尺寸、使用者在哪裡閱讀,以及團隊日後是否找得到正確素材。
先依版位決定圖片尺寸
上傳前應先區分圖片用途。首頁橫幅、案例封面、文章插圖、商品照片與團隊頭像,所需的長寬比例與顯示尺寸都不同。若原始照片很大,卻只在頁面上顯示為小縮圖,直接上傳原檔會增加不必要的傳輸量。
可先請設計或開發人員整理常用版位的建議尺寸,例如橫幅採用橫式比例、文章封面採固定比例、人物頭像採方形比例。這不是要限制拍攝,而是讓上傳時有可依循的基準。必要時可保留高解析原始檔於內部雲端,網站後台只使用輸出後的版本。
在清晰與檔案大小之間做合適取捨
壓縮後的圖片應以實際頁面觀看為準,而非只看檔案大小。產品細節、文字截圖與需要放大的作品圖,通常需要保留較高品質;裝飾性的背景照片,則可採較積極的壓縮設定。
現代瀏覽器可支援較有效率的圖片格式,但是否能直接使用,仍要配合網站系統與既有流程。若不確定,請先在測試頁比較不同格式的顯示效果與載入情況,再決定團隊標準。不要因追求極小檔案而讓產品邊緣模糊、文字難以辨識,這會反過來傷害品牌觀感。
圖片檔名與替代文字要各司其職
有意義的檔名能幫助內部管理。例如以「服務類型-場景-用途」命名,比起一串相機自動編號更容易辨識。檔名不需要堆滿關鍵字,也不必寫得像一句完整文案;核心是讓團隊知道素材內容與使用位置。
替代文字則是提供圖片無法顯示時的說明,也能協助使用輔助工具瀏覽網站的人理解內容。若圖片承載重要資訊,應描述它在當前段落中的意義,例如「技師在工廠現場檢查控制面板」。若只是純裝飾背景,通常不需要加入冗長說明。
請避免把每張圖片都寫成同一句品牌名稱,或在替代文字中硬塞搜尋詞。清楚、符合情境的描述,才是長期可維護的做法。
建立素材來源與使用權的紀錄
網站圖片不只來自攝影師,也可能來自員工、供應商、合作夥伴或圖庫。每一種來源都應留存基本資訊:檔案位置、提供者、可使用範圍、是否可用於廣告,以及是否需要標示來源。
尤其是含有人像、客戶場域、文件畫面或產品機密的照片,上線前要確認內部已取得適當同意。不要因為照片存在公司資料夾,就假設可無限制公開使用。日後改版或製作行銷素材時,這份紀錄能大幅減少反覆確認的時間。
定期清理重複與失效素材
網站後台常累積相同照片的不同版本,或是已不符合現況的舊活動圖片。刪除前須先確認是否仍被頁面引用,並保留必要備份;但不清理的結果,是管理者越來越難判斷哪個檔案可用。
建議每次大型內容更新後,同步檢查新增圖片的尺寸、命名與替代文字。把小檢查納入發布流程,比幾年後一次整理數千張檔案容易得多。
今天就能執行的行動
- 抽查首頁與流量較高頁面的圖片,找出明顯大於實際顯示尺寸的檔案。
- 為團隊建立三到五種常用圖片版位的尺寸與比例清單。
- 將新上傳圖片改用可辨識的檔名,並補上真正有資訊價值的替代文字。
- 建立一份素材來源紀錄,先從近期會使用的圖片開始補齊。


