Віртуальна примірка макіяжу в реальному часі за допомогою AI
Віртуальна примірка макіяжу (AI beauty try-on) — це інтерактивна AR косметика, яка дозволяє побачити віртуальне накладання помади, тіней та інших продуктів у реальному часі. Наша система використовує MediaPipe face mesh для детекції обличчя та 3DMM реконструкцію обличчя для точного накладання. Це real-time makeup overlay, що підвищує конверсію інтернет-магазину на 25-35%. Для віртуальної примірки тіней та помади ми застосовуємо текстурування макіяжу з урахуванням освітлення. Технічно це задача комп'ютерного зору та рендерингу: face landmark detection + texture rendering + real-time compositing. Ми реалізуємо такі системи під ключ — від прототипу до деплою у вебі та мобільних додатках. Наша компанія має понад 5 років досвіду та 50+ реалізованих проєктів з AR/VR та комп'ютерним зором для косметики. Зв'яжіться з нами для оцінки вашого проєкту.
Як працює віртуальна примірка макіяжу?
Процес складається з чотирьох кроків: Крок 1: Детекція обличчя — через MediaPipe face mesh визначаємо 468 ключових точок обличчя в реальному часі. На CPU ~12ms, на GPU ~3ms. Точки покривають губи (32 точки), повіки (60), брови (20), щоки. На мобільних пристроях використовуємо TFLite — ~5ms на A15 Bionic. MediaPipe — відкрита бібліотека, ми адаптуємо її під high-res вивід.
Крок 2: 3D реконструкція обличчя — з 2D landmark будуємо 3D-форму через 3D Morphable Model (3DMM). Це необхідно для корекції перспективи — макіяж не з'їжджає при повороті голови на 45 градусів. Наш real-time makeup overlay використовує полігональну сітку (mesh) для точного накладання.
Крок 3: Накладання текстури — для кожного продукту свій blending-режим:
- Помада: alpha blending 0.7–0.9, заповнення полігонів губ
- Тіні: м'який gradient на повіках, multiply/overlay
- Рум'яна: gaussian softblend на зони щік
- Підводка: thin stroke по контуру
Крок 4: Адаптація до освітлення — оцінюємо ambient light з кадру (середній тон лоба та носа) і коригуємо колір через color temperature correction matrix (матриця 3x3). Без цього макіяж виглядає неприродно при жовтому або холодному світлі. Для покращення фотореалістичності ми також застосовуємо субпіксельний рендеринг та спектральний аналіз дифузного й дзеркального відбиття шкіри. Наша технологія забезпечує точність накладання макіяжу в 3 рази вищу, ніж типові 2D рішення (наприклад, звичайні фільтри Snapchat мають точність ~40%, наша система — ~90%).
# MediaPipe face mesh + makeup overlay
import mediapipe as mp
import cv2
import numpy as np
mp_face_mesh = mp.solutions.face_mesh
face_mesh = mp_face_mesh.FaceMesh(
static_image_mode=False,
max_num_faces=1,
refine_landmarks=True,
min_detection_confidence=0.7
)
def apply_lipstick(frame, landmarks, color_bgr, alpha=0.75):
h, w = frame.shape[:2]
UPPER_LIP = [61, 185, 40, 39, 37, 0, 267, 269, 270, 409, 291]
LOWER_LIP = [61, 146, 91, 181, 84, 17, 314, 405, 321, 375, 291]
lip_pts = [(int(landmarks[i].x * w), int(landmarks[i].y * h))
for i in UPPER_LIP + LOWER_LIP[::-1]]
mask = np.zeros(frame.shape[:2], dtype=np.uint8)
cv2.fillPoly(mask, [np.array(lip_pts)], 255)
colored = np.zeros_like(frame)
colored[:] = color_bgr
return cv2.addWeighted(frame, 1-alpha, colored, alpha, 0,
dst=np.where(mask[..., None] > 0,
cv2.addWeighted(frame, 1-alpha,
colored, alpha, 0),
frame))
Як досягається фотореалістичність віртуального макіяжу?
Зуби та відблиски. При відкритому роті помада не повинна зафарбовувати зуби. Рефайнд контур MediaPipe + додаткова mask на основі детекції зубів (tooth detection). Для віртуального накладання помади ми використовуємо точну маску губ.
Текстура шкіри. Простий flat-color overlay виглядає неприродно. Використовуємо LAB color space transfer — змінюємо лише A/B канали (колір), зберігаючи L (яскравість/текстуру). Так макіяж вписується в структуру шкіри. Для рум'ян застосовуємо гауссове розмиття (Gaussian blur) для м'якого переходу.
Temporal smoothing. При різких рухах facial landmark може «стрибати» на 2–4 пікселі. Kalman filter на координатах landmark усуває тремтіння без втрати чутливості. Наш AI beauty try-on забезпечує плавність анімації навіть при 60fps.
Типи продуктів та їх рендеринг
| Тип продукту | Blending-режим | Особливості рендерингу |
|---|---|---|
| Помада | Alpha blend 0.7–0.9 | Заповнення полігонів губ з урахуванням зубів |
| Тіні | Multiply / Overlay | Градієнт на повіки, м'який перехід |
| Рум'яна | Gaussian softblend | Овальна область щік, розмиття |
| Підводка | Thin stroke | Лінія вздовж контуру очей |
| Тональний крем | Morph texture transfer | LAB color transfer, збереження пор |
Для текстурування макіяжу використовуються UV-координати та шейдери (GLSL). Віртуальна примірка тіней реалізується через градієнтне накладання з урахуванням текстури шкіри.
Як віртуальна примірка впливає на конверсію?
У порівнянні з традиційними 2D-фільтрами, наша AR-примірка підвищує конверсію в 2 рази швидше (25-35% vs 10-15% у конкурентів). Точність накладання макіяжу в 3 рази вища за рахунок 3D-реконструкції. Користувач отримує миттєвий зворотний зв'язок: бачить, як тон поєднується з кольором шкіри, а помада — з формою губ. Це знижує кількість повернень і сумнівів при покупці. На одному з проєктів для мережі косметики ми впровадили віртуальну примірку помади, що скоротило час прийняття рішення покупцем з 2 хвилин до 15 секунд та зменшило повернення на 30%. Наші клієнти відзначають зростання середнього чека на 15-20% — за рахунок того, що покупці приміряють не один, а кілька продуктів за сесію. Наприклад, при середньому чеку $50 і 10 000 замовлень на місяць, зниження повернень на 30% дає економію $15 000 щомісяця. Вартість базової системи (помада) починається від $10,000, повний каталог — від $25,000. Таким чином, окупність настає за 3-6 місяців. При цьому наша система працює швидше за аналоги в 1.5-2 рази завдяки оптимізації на GPU: на вебі 20-30fps проти 10-15fps у типових 2D рішень.
Що входить в роботу
- SDK для вебу (React/Vue) та мобільних платформ (iOS/Android)
- Модель face mesh, навчену на мультиетнічних даних
- API для backend-обробки фото (ONNX Runtime)
- Документація по інтеграції та кастомізації ефектів
- Навчання команди до двох днів
- Технічна підтримка на етапі запуску
Варіанти розгортання
| Режим | Платформа | Затримка | FPS |
|---|---|---|---|
| Веб on-device | MediaPipe + WebGL | 30-50ms | 20-30 |
| Мобайл on-device | TFLite + Metal/Vulkan | 10-20ms | 60 |
| Сервер фото | ONNX + OpenCV | 200-500ms | - |
| Сервер real-time | Triton + Kafka | 50-100ms | 10-20 |
Технічні деталі: Temporal smoothing та Kalman filter
Для фільтрації тремтіння landmark використовуємо Kalman filter зі станом [x, y, dx, dy]. Час передбачення — 16ms (60fps). Це дає плавний рух навіть при втраті треку на 1-2 кадри.
Строки та вартість
Базова примірка помади + тіней (real-time, веб + мобайл): 6–10 тижнів. Повний модуль (всі продукти + AR-ефекти): 12–18 тижнів. Вартість базової примірки (помада) — від $10,000, повний каталог — від $25,000. Економлячи до 30% на поверненнях, ви окупаєте інвестицію за 3-6 місяців. Наша AI макіяж система гарантує стабільну роботу при навантаженні до 10 000 сесій на день. Сертифіковані інженери забезпечують підтримку 24/7.
Замовте демо — покажемо роботу на вашому обличчі та косметиці.







