服務圖片：比例與裁切
4:3／16:9／1:1，沒設定就走舊版顯示
- 服務編輯器內「服務圖片」欄位
功能說明
每個服務可以放一張圖片，會顯示在顧客預約頁的服務卡片上。除了上傳圖片，還可以選「顯示比例」（4:3 / 16:9 / 1:1），並且用「拖曳」調整裁切位置，決定圖片被裁的時候保留哪一塊（例如把人臉移到畫面中央，就不會被切頭）。
沒有動過這些設定的舊服務完全不受影響：沒選比例的圖片會照原本的方式顯示。
這頁能做什麼（功能總覽）
詳細介紹
- 開關不放圖就把開關關著，編輯頁不佔空間，顧客預約頁也不顯示服務圖片；打開才出現圖片框（「服務圖片（選填）」右邊）。
- 上傳圖片從電腦或手機選一張新圖上傳（圖片框裡；電腦版滑鼠移到圖上才會出現）。
- 從媒體庫挑一張之前傳過的圖，同一張圖挑來用不會重複佔用儲存空間「上傳圖片」下面
- 移除圖片一鍵清掉圖片，連同比例和裁切設定一起清空比例按鈕下面
詳細介紹
- 三種比例4:3 / 16:9 / 1:1 按一下就切換，顧客預約頁的服務卡片會固定用這個比例顯示圖片下方「比例」
- 調整裁切位置點圖片右上角的裁切圖示（滑鼠移上去顯示「調整裁切位置（拖曳圖片）」），直接用手指或滑鼠拖圖片，決定裁切時保留哪一塊，例如把人臉拖到正中央就不會被切頭。
- 預覽跟著變右邊的手機畫面會馬上照你選的比例與位置顯示手機版要點右側的「預覽」標籤打開
同一張圖掛在不同服務，可以各選各的比例、各裁各的位置。沒動過這些設定的舊服務照原本的方式顯示，不會突然變樣。
詳細介紹
- 外層 / 內層「外層」是顧客瀏覽服務清單時看到的卡片，「內層」是點進服務後選加購的畫面預覽上方的切換
- 圖片所見即所得卡片上的圖片就是顧客會看到的比例與裁切位置，存檔前先在這裡確認。
操作步驟
1打開服務圖片
編輯服務，在步驟 1「服務資訊」找到「服務圖片（選填）」欄位。右邊有個開關，關著的時候會顯示說明「未啟用，前台不顯示服務圖片；需要時打開開關即可上傳。」打開開關後出現圖片框。
2放一張圖
在圖片框裡點「上傳圖片」傳新圖，或點「從媒體庫」挑一張（挑選視窗標題是「選擇服務圖片」）。
3選比例
圖片下方有一排「比例」按鈕：4:3 / 16:9 / 1:1，點一下就切換圖片框的顯示比例。
4拖曳調整裁切位置
點圖片右上角的裁切圖示進入調整模式，圖片左上角會出現「拖曳圖片調整顯示範圍」。直接用手指或滑鼠拖圖片，決定要保留哪一塊，拖好按右下角「完成」。
5儲存服務
一路按到最後儲存服務才會生效。完成後到顧客預約頁看，服務卡片的圖片會固定用你選的比例顯示，畫面停在你拖好的位置。
- 換一張圖時，裁切位置會重新回到置中（避免沿用上一張圖的位置），比例則保留你原本選的。
- 不要圖了，可以點「移除圖片」，或直接把開關關掉。兩種做法都會把圖片、比例、裁切位置整組清空。
前置條件與依賴
- 要先有編輯服務的權限（跟 建立與管理服務項目 的權限條件一樣）。
- 圖片檔名不能用中文（或其他非英文字元），上傳會失敗。用系統的上傳功能會自動處理好，但如果你透過其他方式上傳中文檔名的圖，就會被拒收。
- 上傳的圖片會計入你這間店的儲存空間用量。
常見問題與排查
Q1：顧客預約頁的圖片被裁得很奇怪，主體被切掉？
最常見的原因是還沒設定比例（圖片照舊版方式滿版裁切），或者裁切位置還停在預設的置中。
檢查步驟：編輯那個服務，在「服務圖片」欄位選一個比例（4:3 / 16:9 / 1:1），再點圖片右上角的裁切圖示，把主體拖到你要的位置、按「完成」，儲存。完成後到顧客預約頁重新整理，卡片就會照你調的顯示。
Q2：改了圖片，顧客預約頁還是舊圖？
- 後台儲存後其實已經更新了，但顧客手機的瀏覽器或 LINE 裡的頁面可能還留著舊畫面，請顧客重新整理或關掉重開。
- 如果換圖後裁切看起來跑掉，這是正常的：換圖時裁切位置會重置回置中，要重新拖一次。
Q3：圖片上傳失敗？
依序檢查：
- 你的儲存空間是不是滿了（到儲存用量頁看目前用量）。
- 圖片格式和檔案大小是否正常。
- 如果錯誤訊息裡有 InvalidKey 這個字，通常是檔名有中文，把檔名改成英文或數字再傳一次。
Q4：後台選了比例，存完再開卻變回未設定？
正常操作不會發生這種事（畫面上只有三顆比例按鈕可以按）。如果真的遇到，通常是有其他系統或工具用非正規方式寫入了不支援的比例值，被系統自動清掉了。請聯絡客服協助確認。
Q5：把圖移除後，之前的裁切設定會留著嗎？
不會。不管是按「移除圖片」還是關掉開關，比例和裁切位置都會一起清空。下次再放圖要重新設定。
Q6：三個服務要放同一張圖但裁不同位置，可以嗎？
可以。比例和裁切位置是每個服務各自記各自的，同一張圖放在不同服務可以各裁各的，互不影響。
Q7：服務圖片跟「施作照片」是同一個東西嗎？
不是。系統裡有三種圖片，別搞混：
- 服務圖片（本篇）掛在服務上，給預約頁的服務卡片用。
- 施作照片掛在「顧客的施作紀錄」上，在媒體庫的顧客紀錄分頁管理。
- 形象網站圖片（首頁大圖、內容區塊）：商家形象網站的版面圖，另外一套裁切設定。
顧客或員工說「照片不見了」時，先問清楚是哪一種。
