網站圖片裁切焦點管理，是在內容編輯時標示圖片重要區域，並讓不同版位的圖片輸出以該區域為參考。Sanity 圖片焦點與裁切工具能協助編輯團隊規劃畫面；圖片裁切仍需配合前台尺寸、圖片授權與實際顯示驗收。
網站圖片裁切焦點管理是什麼？
網站圖片裁切焦點管理是為圖片指定需要保留的主體或範圍，讓不同尺寸的圖片在呈現時有共同的編輯依據。實際輸出還取決於網站的圖片處理與前台程式。
依 Sanity 圖片呈現文件，圖片欄位可保存裁切與焦點資訊，供符合設定的圖片處理流程使用。功能細節請依專案版本與官方文件確認。
哪些內容適合使用圖片焦點？
需要在不同版位重複使用同一張圖片的內容，例如作品列表、案例頁與分享卡片，適合評估圖片焦點管理。不同版位的比例不同，應先確認主體是否仍能清楚辨識。
例如案例封面可能需要在列表顯示較寬的裁切，內頁則呈現較完整畫面。編輯者可以標記主要內容，再由開發團隊確認各版位的實際顯示。
圖片焦點不會自動授予使用權，也不能判斷人物或客戶是否同意公開。素材來源、使用範圍及必要署名仍應由內容負責人核對。
編輯者與開發者如何分工？
編輯者負責選擇已授權圖片、標示重要內容並填寫替代文字；開發者負責確認圖片網址、處理方式及前台版位是否使用相應資料。兩者需要一起測試才能確認結果。
Sanity 的圖片焦點設定說明介紹可設定不同預覽比例。實際可用預覽及後台介面應依專案設定與版本確認。
替代文字應描述圖片在頁面中的用途與內容，例如作品照片中最重要的建築外觀。純裝飾圖片是否留空，應由團隊依使用情境和無障礙原則判斷。
上線前如何測試裁切？
上線前應用不同長寬比例及裝置實際檢查，確保圖片的主要內容、文字及人物不被不當裁切。不能只在後台看到焦點框就假設公開頁面一定正確。
- 確認圖片來源及公開授權。
- 標記需要保留的主體與裁切區域。
- 檢查列表、內頁及手機版呈現。
- 確認替代文字與圖片用途相符。
- 發布後重新查看實際頁面。
若重要文字已經直接嵌在圖片內，應考慮在頁面以可閱讀文字提供相同資訊，避免不同尺寸裁切後資訊消失。
更新圖片後如何交接？
更新圖片時，內容負責人應確認授權、焦點位置與受影響的版位。如果同一圖片用於多個頁面，應依實際資料關係檢查各頁結果。
高雄、台中、台北企業可依內容需求規劃網站設計。隻豬人網頁設計工作室提供網站建置與維護支援；可參考專業服務作品及產業網站作品。
如何規劃不同版位的比例？
規劃圖片前，先列出實際會顯示圖片的頁面與比例，例如橫向案例卡、方形列表及手機頁面。每個版位需要保留的主體可能不同，設計與內容人員應共同確認。
如果人物或商品位於畫面邊緣，固定置中的裁切可能移除重要部分。焦點資料能提供處理依據，但只有在前台使用相應資料時才可能影響結果，因此仍需要實測。
若同一素材無法同時滿足所有版位，可評估使用經授權的其他版本，並由內容負責人確認。不能因為自動裁切而改變作品的關鍵事實或刪去必要署名。
如何安排圖片欄位與交接？
圖片欄位可以清楚標示用途、建議尺寸、授權與替代文字填寫方式。建立欄位前應先訪談編輯者，確認他們需要管理哪些圖片及如何取得素材。
替代文字應描述該圖片在當前內容中的意義，而不是把檔名或大量關鍵字直接貼上。相同圖片如果用於不同語境，應依實際內容和網站實作評估說明方式。
素材更新前，記錄圖片由誰提供、可使用的頁面以及是否有時間限制。若客戶撤回授權，負責人才能找到相關內容並依約處理。
如何驗證公開頁面的圖片？
發布前後應在實際使用的桌面與手機尺寸檢查，特別觀察頭部、商品標示或案例中的重要區域是否遭裁切。若畫面包含文字，應確認頁面也有可讀取的文字資訊。
不同螢幕與前台快取可能影響看到的版本。更新後應確認公開頁面是否載入新的素材及焦點結果，再由內容負責人核對。
交接文件可記錄編輯步驟、預期版位與常見問題。網站設計調整或新增版位後，應重新測試既有素材，確定重要內容仍可辨識。
案例列表與內頁如果使用不同圖片來源，也應在後台清楚區分欄位用途。編輯者不必透過猜測判斷哪張圖片會出現在特定位置。
在預覽中選取焦點後，可將頁面網址交給具審核權限的人確認作品與署名。若預覽只對內部開放，應使用組織核准的存取方式。
圖片輸出尺寸及格式應由開發團隊依裝置、載入速度與清晰度評估。實際效能與畫質應透過公開頁面測試，不能只根據原始檔案大小判斷。
當素材需要更新時，應確認舊圖片是否仍被其他頁面引用，再依授權和維護流程處理。
完成更新後，由相關負責人檢查公開內容與實際流程是否一致，並保留可供後續交接的核對日期與聯絡窗口。
若網站使用新的圖片版位，應確認既有焦點資料仍能支持該比例，並安排內容負責人重新驗收。
圖片焦點常見問題
設定焦點後每個版位都會自動正確嗎？
仍需確認前台圖片處理是否使用焦點資料並實測。
圖片可以直接取自網路嗎？
應先取得適當授權並確認公開範圍。
替代文字需要描述圖片嗎？
應依圖片在頁面中的用途提供有意義的說明。
更換圖片後需要重新驗收嗎？
需要檢查焦點、授權和不同裝置的呈現。
資料整理於 2026 年 11 月，功能依專案版本及實際設定為準。
