Face Shape & Facial Geometry AI Studio

📷 Image Input & Controls

Upload a front-facing portrait or select a sample preset to test the API.

📤

Click to Upload or Drag & Drop

Supports JPEG, PNG, WebP • Paste with Ctrl+V

Recommended: Front-facing portrait with visible face

Quick Presets 1-Click Test

Active API Endpoint POST

/api/face_analyze

Also available as /api/face_shape and /api/hair_classify

🎯

Ready for Analysis

Upload a photo or pick a sample preset on the left to extract facial landmarks, calculate Euclidean distances, and classify face shape in real-time.

Face Length

0 px

Hairline ➔ Chin

Forehead Width

0 px

Temple (L) ➔ Temple (R)

Cheekbone Width

0 px

Cheek (L) ➔ Cheek (R)

Jawline Width

0 px

Jaw (L) ➔ Jaw (R)

📊 Facial Proportions & Ratios

Mathematical proportions defining facial geometry

Length-to-Width Ratio (Length / Cheeks) 1.21

Forehead / Cheekbone Ratio 0.93

Jawline / Cheekbone Ratio 0.79

💇 Recommended Hairstyles

Styles harmonized for this facial silhouette

✨Textured side-part or pompadour
✨Medium-length layered cut
✨Soft curtain bangs with waves
✨Classic bob or shoulder-length lob

⚙️ Raw API Response Inspector

200 OK 38 ms

{ "face_detected": true, "message": "API ready" }

💻 Developer Integration Snippets

Ready-to-use code snippets for mobile and web integration

curl -X POST http://localhost:5000/api/face_analyze \
  -F "image=@your_photo.jpg"

import requests

url = "http://localhost:5000/api/face_analyze"
files = {"image": open("your_photo.jpg", "rb")}

response = requests.post(url, files=files)
data = response.json()
print("Face Shape:", data["face_shape"])
print("Measurements:", data["measurements"])

const formData = new FormData();
formData.append("image", fileInputElement.files[0]);

const response = await fetch("/api/face_analyze", {
  method: "POST",
  body: formData
});

const data = await response.json();
console.log("Detected Shape:", data.face_shape);
console.log("Measurements:", data.measurements);

ARHair AI Studio

📷 Image Input & Controls

Ready for Analysis

Detected Face Shape

📊 Facial Proportions & Ratios

💇 Recommended Hairstyles

✂️ Hair Classification (Gemini Vision)

💻 Developer Integration Snippets

📷 Image Input & Controls

Ready for Analysis

📐 Interactive Facial Geometry Overlay

Detected Face Shape

📊 Facial Proportions & Ratios

💇 Recommended Hairstyles

✂️ Hair Classification (Gemini Vision)

💻 Developer Integration Snippets

📸 Webcam Face Snapshot