網站圖片常被視為最後才處理的素材:同事把手機照片、簡報截圖或供應商提供的檔案直接上傳,等到頁面變慢、畫面模糊或收到授權疑問才回頭整理。對中小企業來說,不需要一開始就建立複雜的數位資產系統,但應有一套人人看得懂、能長期遵守的基本規範。
圖片管理的目的不只是縮小檔案,而是讓畫面在不同裝置上可用、讓內容意義能被理解,也讓團隊知道哪些素材可以公開使用。
先為常用版位訂出尺寸與比例
請先盤點網站最常出現圖片的位置,例如首頁橫幅、服務卡片、案例封面、文章首圖與團隊照片。為每種位置設定建議比例與最小像素尺寸,並寫在上傳說明中。
固定比例可以避免同一排卡片高低不一,也減少編輯人員反覆猜測要裁切成什麼樣子。這不表示每張照片都要完全相同,而是要事先決定畫面中應保留的主體位置。人物照要預留臉部空間,產品照要確認關鍵細節不會在手機版被裁掉。
若使用內容管理系統,也要確認系統是否會自動產生不同尺寸的圖片。原始檔可保留作為備份,但網站頁面應使用符合版位需求的版本,避免讓訪客下載遠大於實際顯示尺寸的檔案。
選擇合適格式,並建立命名方式
照片通常適合使用經過壓縮的現代圖片格式;有透明背景需求的圖示、標誌或圖表,則應依其特性選用格式。沒有必要追求單一格式,重點是經過實際頁面測試後,兼顧清晰度與檔案大小。
檔名不要保留相機產生的編號。可採用「主題-用途-版本」的方式,例如 company-workshop-header-01。使用小寫英文、連字號與可辨識名稱,有助於後台搜尋、交接與除錯。避免在檔名中放入個人資料或不必要的內部資訊。
替代文字要傳達圖片在內容中的作用
替代文字不是把檔名換成一句話,也不是硬塞關鍵字。它的用途是讓無法看見圖片的使用者,以及需要理解頁面內容的工具,仍能掌握圖片提供的資訊。
如果圖片是說明重點的一部分,就描述它真正傳達的內容,例如「工程人員在控制面板前檢查設備數值」。如果只是純裝飾、沒有增加文字以外的資訊,應讓它不被多餘朗讀。若圖片內含重要文字,最好把文字以網頁文字呈現,不要只放在圖片裡。
替代文字可由撰稿或上傳者先填寫,再由熟悉內容的人檢查。只寫「圖片」「產品照片」或重複附近段落,通常無法帶來幫助。
在發布前確認授權與人物同意
每張公開圖片都應能回答來源是什麼、是否可用於網站、是否允許裁切或長期使用。購買圖庫素材時,保留訂購紀錄與授權條件;由攝影師拍攝時,確認交付範圍;拍到客戶場地、人員或文件時,尤其要確認是否適合公開。
不要因為圖片出現在網路搜尋結果、社群貼文或合作夥伴網站,就直接下載使用。來源不明的素材可能讓品牌陷入不必要的溝通成本。若授權狀態不清楚,最穩妥的作法是暫不發布,改用自製、取得確認或有明確授權的素材。
讓圖片更新成為維護流程的一部分
隨著服務、團隊與品牌視覺改變,舊圖片可能不再反映現況。定期檢查首頁、熱門服務頁與招募頁,確認人物、產品、標誌和場景是否仍正確。移除不再使用的檔案前,也要先確認它沒有被其他頁面引用。
把圖片規範放在團隊共同可找到的位置,並在上傳介面附近提供簡短檢查清單,比寄出一份很長卻無人閱讀的文件更有效。
今天可以立即執行的事
- 盤點五個最常用的圖片版位,為每個版位寫下比例與建議尺寸。
- 抽查網站十張圖片,將無意義的檔名改為可辨識名稱。
- 優先補齊服務頁與案例頁中具有資訊意義的替代文字。
- 建立一份素材來源清單,記錄新上傳圖片的來源與可使用範圍。


