MEDIAPIPE · JAVASCRIPT · IMAGE

顔を検出してモザイクを描く

顔の矩形を検出し、12%の余白を加えてモザイクを描きます。緑の枠はAIが返した元の矩形です。完成画像で見逃しと隠す範囲を必ず確認してください。

人物画像はAI作成、猫の写真は運営者の愛猫です。FaceDetectorは人の顔を対象とするため、猫での検出は保証されません。

1. 画像を選ぶ

プロジェクト内のサンプル画像

JPEG・PNG・WebP、20 MBまで。選んだ画像はブラウザ内で処理します。

初回はSDK・WASM・モデルを読み込むため時間がかかります。推論時間には読み込みと描画の時間を含みません。

画像を読み込んでいます。

2. 入力と検出結果を見比べる

入力画像
モザイク結果（緑の枠＝検出した矩形）
顔の検出数
未実行
入力 → 推論サイズ
読み込み中
推論時間
未実行
実行先
未初期化

画像の長辺は最大960 pxに縮小してから推論します。枠の座標は、この縮小後の画像に対するピクセル値です。

3. AIから返ったデータを見る

boundingBoxは顔を囲む長方形、categories[].scoreは検出スコアです。表示用に小数を丸めています。

検出結果のJSON 
まだ実行していません。