가상 피팅(Virtual Try-On) 기술 개요

😃 상품 피팅

모델이 입고 있는 옷을 객체로 추출하여 가상피팅을 할 수 있는 기능

해당 기능의 목적은 온라인 쇼핑을 하는 경우,

의상을 실제로 피팅해보지 못하는 것으로 인해, 구매까지 이어지지 않는 경우가 많음

아.. 모델이 입으니까 이뻐보이는거 아닌가? 내가 입으면….

이러한 문제를 해결하기 위해 우리는 AI, 여기서 비전 기술을 활용하여 가상으로 의류를 착용해볼 수 있는 시스템을 개발하게 되었습니다.

OOTDiffusion 기술을 활용하여 사용자가 상품 이미지를 가상으로 입어보는 경험을 제공하는 솔루션을 개발했습니다.

기술 개요

의류 객체 추출

• 쇼핑몰 웹사이트에 모델이 입고 있는 옷을 객체로 추출하는 작업
• AI 는 의류와 배경을 정확하게 구분하여 의류 객체만을 추출
• 화질 개선을 위해 필요 시 이미지 스케일업을 적용

가상 피팅

• 소비자가 자신의 사진 업로드하고, 의류 객체를 선택하여 입히는 과정
• 여기서 포즈 추정(pose estimation)과 이미지 합성 기술이 사용
• 포즈 추정이란 사용자의 신체 특징과 자세를 파악하여 의류 객체를 자연스럽게 입힐 수 있도록 도와줌

세부 구현 및 동작 방식 (Next.js & Python FastAPI)

• 피팅해보기 버튼 클릭 시, 팝업창을 통해 왼쪽에 추출된 상품 이미지, 오른쪽에는 사용자 이미지(내 사진)를 업로드하도록 화면 설계
• 사용자가 자신의 이미지를 업로드하고, 피팅하고 싶은 의상을 클릭하면 의상 이미지와 사용자 이미지를 넘겨주고 피팅된 이미지를 반환받아 사용자 사진에 적용
• 가상 착용 이미지를 사용자 사진으로 교체하고, 초기화 버튼을 추가하여 사용자가 쉽게 재시도할 수 있도록 설계
• 상의와 하의를 따로 입어보기 위해 이전에 피팅된 사진에 추가 피팅이 가능하도록 구현

피팅 완료

• 소비자는 모델이 착용하고 있는 의류들을 직접 선택하여 즉시 자신의 사진에 적용해볼 수 있게 됨
• 실시간 피드백을 제공하여 소비자가 원하는 최적의 스타일을 찾을 수 있도록 도와줌

관련 글

• 이미지 검색 기술과 객체 추출 기반 검색: 상품 이미지에서 객체를 추출하고 유사 이미지를 매칭하는 검색 기술
• XGEN 1.0 프론트엔드 모델 관리 UI 구현: AI 모델 서빙을 관리하는 프론트엔드 UI 개발기