企業網站需要圖片，但圖片不該成為等待的代價。常見情況是設計稿中的照片看起來精緻，上線後卻直接上傳原始檔；同一張大圖又同時出現在電腦與手機版。訪客在網路不穩或使用行動網路時，就得先下載大量不必要的資料，還沒看到內容便離開。
圖片優化不是一味壓低品質，而是讓每張圖以適合的尺寸和用途出現。當網站能快速呈現關鍵內容，品牌質感才有機會被好好看見。
先確認每張圖片的任務
盤點圖片時，可分為三類：傳達品牌氛圍的主視覺、協助理解內容的說明圖，以及介面需要的小圖示。三者的處理方式不同。首頁主視覺可以保留較高品質，但不應使用遠超過實際顯示尺寸的原圖；文章內的示意圖應以閱讀寬度輸出；圖示則適合使用可縮放的向量格式或經妥善處理的小型圖片。
不要為了「看起來有內容」而放無關的裝飾照片。若圖片未提供資訊，也不支援品牌印象，就同時增加了製作、維護與下載成本。尤其行動版畫面有限，應讓圖文交替有明確目的，而不是讓訪客不斷滑過相似圖片。
尺寸與格式要跟版面一起決定
圖片尺寸應由網站實際顯示範圍決定，而不是由拍攝設備決定。請設計或開發人員列出常用圖片位置，例如首頁橫幅、服務卡片、案例封面、文章內文與團隊照片，並為每一種位置訂出建議比例與最大尺寸。如此一來，日後新增內容的人就不必每次猜測。
格式選擇可依用途處理：照片通常適合使用現代網頁圖片格式；需要透明背景的品牌元素，則要考慮透明度與相容性；線條簡單的圖示適合向量檔。重點不在追逐單一格式，而是確認瀏覽器實際取得的檔案足夠小、畫面仍清楚，並保留原始檔供未來重製使用。
同一張照片若要用在不同位置，不宜只靠一個超大檔案硬撐。應提供符合各版位的版本，並確認手機不會下載只在大螢幕才需要的巨大圖片。
替代文字應描述資訊，不是塞入關鍵字
替代文字的用途，是在圖片無法顯示或使用輔助工具時，補上必要資訊。若照片只是裝飾，可依網站系統的設定標示為裝飾用途；若圖片承載內容，則用自然語句描述它在此處要傳達的事。
例如案例頁的工廠照片，若重點是展示施工完成的動線，可描述空間與動線特徵；若只是頁面背景，不必勉強寫成一串服務關鍵字。圖表尤其要注意：若數據結論很重要，應在正文中用文字說明，不能只把資訊鎖在圖片內。
建立上傳前後的固定檢查
圖片問題通常不是技術不足，而是缺少交接規則。建議建立簡單表單或資料夾規範，記錄圖片用途、授權來源、原始檔位置、輸出尺寸與替代文字。上傳後，再以實際手機頁面確認裁切、清晰度與載入情形。
也要留意內容管理系統是否會自動產生不同尺寸，以及編輯是否誤把原始檔放進文章。定期找出長期未使用的媒體、重複檔案與過大的舊圖，可降低後續搬遷與備份的負擔。
今天可以立即執行的事
- 選出首頁、服務頁與文章頁各一張圖片，檢查其檔案尺寸是否明顯超過實際需求。
- 為常用版位建立圖片比例與建議尺寸清單。
- 補寫三張承載重要資訊圖片的替代文字，確認內容描述自然且具體。
- 用手機網路開啟首頁，觀察首屏圖片是否延遲了主標與按鈕出現。
