對比

對比師 ComPair

User Guide
完整使用教學 — 從上傳照片到產出專業對比圖
← 回到 App 開始製作

* 教學目錄 *

1. 開始使用(登入與試用) 2. 上傳對比照片 3. 移動與縮放照片 4. 智慧自動對齊(核心功能) 5. 圖卡資訊:標題與 LOGO 6. 背景與浮水印 7. 輸出比例與儲存圖片 8. 帳戶、金鑰與續用 9. 把對比師加到手機桌面
1

開始使用

第一次進入 App,用 Google 帳號登入即可開始 3 天免費試用,全功能無限制體驗。

🔑
登入畫面 → 點「使用 Google 登入」
  1. 開啟 App,看到歡迎畫面
  2. 點「使用 Google 登入」,選擇你的 Google 帳號
  3. 登入後自動開始 3 天免費試用,狀態列顯示「免費試用中 · 剩 3 天」
  4. 試用期間所有功能都能完整使用
小提醒:試用結束後,需輸入金鑰才能繼續使用。金鑰可在「帳戶」頁購買與啟用(見第 8 節)。
2

上傳對比照片

準備好「療程前 Before」和「療程後 After」兩張照片,建議用直式人像照、兩張拍攝距離一致,效果最佳。

📷Before
療程前
📷After
療程後
點各自區塊上傳照片
  1. 點「Before · 療程前」上傳第一張照片
  2. 點「After · 療程後」上傳第二張照片
  3. 兩張照片會並排顯示在預覽區
拍攝建議:同樣的距離、角度、光線、姿勢,前後對比會更有說服力,自動對齊也會更精準。
3

移動與縮放照片

上傳後可以自由調整每張照片在框內的位置與大小。先點一下要調整的那張(Before / After),再操作。

👆拖曳
移動位置
🔍滑桿
調整大小
← ↑ ↓ →箭頭
微調位置
  1. 在照片上「按住拖曳」可移動位置
  2. 手機上「兩指撐開/捏合」可縮放;電腦可用滑鼠滾輪
  3. 用「照片縮放」滑桿精準調整大小
  4. 用「← ↑ ↓ →」箭頭一點一點微調位置
  5. 「⇋ 鏡像翻轉」可左右翻;「↺ 重置」恢復原狀
切換照片:調整前先點上方「調整 Before / 調整 After」切換,確認在調整正確的那一張。
4

智慧自動對齊 核心

這是對比師最強大的功能——自動偵測照片中的人體骨架,把兩張的人物調整到「一樣大小、一樣位置」,對比一目了然。

點「兩張自動對齊」,系統自動判斷並對齊

系統會自動判斷照片類型:

  1. 全身照(看得到頭到腳)→ 自動把人物從頭到腳完整顯示,佔畫面約 88%,兩張一樣大
  2. 臉部 / 半身照 → 自動以臉部為基準對齊,臉部完整不裁切、佔約 85%

兩個對齊按鈕:

  1. ✨ 兩張自動對齊:同時調整 Before 和 After,達到一致
  2. ↔ After 跟隨 Before:先手動調好 Before,再讓 After 自動對齊到跟 Before 一樣
第一次使用:按下後會先下載偵測模型,約等 3~5 秒(按鈕顯示「智慧對齊中…」),之後就很快了。對齊後仍可手動微調。
偵測小撇步:背景單純、人物清楚、拍攝距離一致時,對齊最準(可達 95% 以上)。
5

圖卡資訊:標題與 LOGO

在「圖卡資訊」面板,可以設定對比圖上方的品牌標題與 LOGO,打造專屬質感。

🏷️主標題
副標題
🖼️圖片
LOGO
🔤文字
LOGO

標題:

  1. 主標題:輸入你的課程名稱或服務項目
  2. 副標題:輸入英文標語或說明
  3. 各自有「大小調整」滑桿,可放大縮小

LOGO:

  1. 可選「圖片 LOGO」(上傳,建議透明背景 PNG)或「文字 LOGO」(直接打品牌名)
  2. LOGO 上傳後,可直接在預覽圖上按住拖曳,自由調整位置
  3. 用「LOGO 大小」滑桿調整大小
白光邊緣:LOGO 與標題自動帶有白色光暈邊緣,在深色或圖片背景上特別清晰、有質感。
6

背景與浮水印

在「背景與輸出」面板,可設定整張圖的背景,以及防盜用的浮水印。

🎨背景
白/色/圖
💧浮水印
單一/滿版

背景:可選純白、單一顏色,或上傳背景圖片。

浮水印:

  1. 選「用文字」或「用圖片」當浮水印
  2. 單一:一個浮水印,可直接在預覽圖上拖曳移動位置
  3. 滿版平鋪:斜向鋪滿整張圖,防盜用最強
  4. 可調整浮水印的文字內容、大小、濃淡
建議:對外公開的對比圖加上浮水印(品牌名或 IG 帳號),避免被盜用,也順便打品牌。
7

輸出比例與儲存圖片

完成編輯後,選擇適合的比例,存成圖片就能直接發到社群。

1:1
方形
4:5
貼文
9:16
限動
2:3 / 3:4
  1. 選擇輸出比例(IG 貼文常用 4:5、限動用 9:16)
  2. 點「儲存圖片」
  3. 手機會跳出系統分享,可直接存到相簿或分享到 IG/LINE;電腦則直接下載
比例選擇:要發 IG 限時動態選 9:16;一般貼文選 4:51:1,畫面最完整。
8

帳戶、金鑰與續用

點右上角「帳戶」可查看使用狀態、輸入金鑰、登出。

👤
帳戶頁:狀態 · 方案 · 到期日 · 剩餘天數
  1. 查看目前狀態(試用中 / 已啟用 / 已到期)與剩餘天數
  2. 試用到期或要續約時,點「輸入 / 更換金鑰」
  3. 輸入購買的金鑰(CMP- 開頭)後點「啟動」,立即開通對應天數
  4. 金鑰方案:3 個月 / 半年 / 一年
購買金鑰:請洽官方 LINE @152peixo,或在 App 內「查看購買方案」了解價格。
9

把對比師加到手機桌面

把對比師「加到主畫面」後,桌面就會出現專屬圖示,像一般 App 一樣一點就開、全螢幕使用,不用每次重打網址。

📱 iPhone(請用 Safari 瀏覽器)

⬆️
分享鈕 → 加入主畫面
  1. Safari 開啟 compair-app.pages.dev
  2. 點畫面下方中間的「分享」按鈕(方框中一個向上箭頭 ⬆️)
  3. 選單往下滑,找到「加入主畫面」
  4. 點右上角「新增」
  5. 桌面就會出現「對比師」圖示 ✨

🤖 Android(請用 Chrome 瀏覽器)

右上選單 → 加到主畫面
  1. Chrome 開啟 compair-app.pages.dev
  2. 點右上角「⋮」選單
  3. 選「加到主畫面」或「安裝應用程式」
  4. 點「新增 / 安裝」
  5. 桌面就會出現「對比師」圖示 ✨

💻 電腦(Chrome / Edge)

  1. 用 Chrome 或 Edge 開啟 compair-app.pages.dev
  2. 網址列右側會出現「安裝」小圖示(螢幕加箭頭)
  3. 點它 → 安裝,桌面/工具列就會有對比師
iPhone 重要提醒:一定要用「Safari」瀏覽器才有「加入主畫面」功能,用其他瀏覽器可能找不到這個選項。加到桌面後,第一次開啟記得用 Safari 登入一次喔。