🛡️ #42 兒童臉部隱私保護工具：SSD MobileNet 自動偵測 + 三種遮蓋（Emoji / 馬賽克 / 模糊）+ 臉部旋轉偵測 + 批次 ZIP

黃凱揚（阿凱老師） · 桃園市龍潭區石門國民小學 · 2026-05-21

#42「🛡️ 兒童臉部隱私保護工具」用 **SSD MobileNet** 自動偵測照片中的兒童臉部，遮蓋成 **Emoji** / 馬賽克 / 模糊三種風格。**Emoji 隨臉部角度旋轉**（神細節）+ 手動編輯 + 對比滑桿 + 批次處理 + 單張 PNG / 批次 ZIP 下載 + PWA。

兒童臉部隱私的真實痛點

學校 / 班級活動拍照後：

• 想分享到家長 LINE 群組 / FB / IG
• 但學生肖像權問題：
  • 沒簽授權的學生臉要打碼
  • 有些家長不希望孩子被拍到
  • 遺漏一個就違法

傳統做法：

• ❌ Photoshop 一張張畫圈馬賽克 → 太慢
• ❌ 手機 APP 自己點圈 → 容易漏
• ❌ 商業隱私 APP → 訂閱制

阿凱的 #42 兒童臉部隱私保護工具 反向：SSD MobileNet 自動偵測 + 三種遮蓋風格 + 批次 ZIP。

#42 真實技術細節

真實標題：「🛡️ 兒童臉部隱私保護工具 (Child Face Privacy Tool)」

定位：「自動偵測照片中的兒童臉部並用可愛 Emoji、馬賽克或模糊效果遮蓋，保護兒童隱私」

8 大功能

為什麼用 SSD MobileNet？

SSD（Single Shot Detector）+ MobileNet 是經典的物件偵測組合：

• ✅ MobileNet：輕量級 backbone（適合瀏覽器跑）
• ✅ SSD：單次偵測（速度快）
• ✅ 臉部偵測準確率高（特別是側臉 / 多人合照）
• ✅ 純前端跑（不上傳第三方 = 隱私 first）

跟 #54 識生學坊用 MediaPipe Face Detection 同款思路 — 臉部偵測純瀏覽器跑保護隱私。

「Emoji 隨臉部角度旋轉」的設計細節

傳統 Emoji 遮蓋：

• ❌ 學生歪頭 → Emoji 直立 → 看起來不自然
• ❌ 學生側臉 → Emoji 正面 → 違和

#42 解法：

• ✅ SSD MobileNet 偵測 臉部 5 點關鍵點（兩眼 + 鼻 + 嘴角）
• ✅ 計算臉部旋轉角度
• ✅ Emoji 跟著旋轉
• ✅ 看起來像「Emoji 黏在那張臉上」自然

對教師家長視覺溝通：

• ✅ 「孩子在這裡 + 不露臉」
• ✅ 比馬賽克生動 + 比模糊清楚
• ✅ 適合社群分享（不會嚇到）

真實技術棧

• 純前端 + SSD MobileNet（推測用 TensorFlow.js）
• PWA + Service Worker（離線可用）
• 部署：cagoooo.github.io/child-face-privacy/
• 完全在瀏覽器內處理 = 照片不上傳

跟 #47 同意書系統的配套

阿凱的「兒童隱私保護」工具組：

完整兒童隱私保護生態：

• 活動前 → #47 收同意書
• 活動拍照 → 沒同意的孩子用 #42 遮蓋
• 活動後 → 作品傳 #68 限學校域名看

教學情境

校外教學紀念照分享：

• 老師拍完 100 張照片
• 一鍵丟進 #42 → SSD MobileNet 自動偵測所有臉
• 未同意名單的孩子 → 用 Emoji 遮蓋
• 批次 ZIP 下載 → 傳家長 LINE 群組

校刊 / 學校官網：

• 編輯需要學生活動照
• 用 #42 遮蓋未授權學生
• 比 Photoshop 快 100 倍

班級回憶冊：

• 6 年級畢業前整理 6 年照片
• 處理過 1000 張照片
• #42 批次處理 + 對比滑桿確認

家長個人記錄：

• 家長拍自家小孩 + 同學
• 想 PO IG 但不想露其他小孩臉
• #42 一鍵 Emoji 遮蓋

配對工具推薦

• #47 學生肖像授權同意書 — 事前同意書
• #68 學生作品集 — 限域名作品集
• #54 識生學坊 — 同款瀏覽器內臉部偵測

適用對象

• 國中小所有導師（活動拍照分享必備）
• 校刊 / 學校官網編輯
• 班導畢業冊製作
• 拍學校活動的攝影志工
• 家長分享小孩照片到社群
• 想看「SSD MobileNet 瀏覽器內物件偵測」案例的開發者

想試試？

→ 前往 #42 兒童臉部隱私保護工具

下次班級活動 — 拍完所有照片 → 拖進 #42 → 批次自動 Emoji 遮蓋 → 安心分享到家長群。