사진 한 장으로 3D 얼굴 만들기 — 468개의 점이 머리카락 달린 머리가 되기까지 (Photo to 3D Face)
사진 한 장에서 468개 지점을 찾아 머리카락까지 포함한 3D 얼굴을 만들고 .glb로 내려받는 무료 브라우저 도구. 깊이 추정의 원리와 한계까지 설명합니다.
LONG VIEW
설치나 회원가입 없이 이미지, 영상, 3D 파일을 다룹니다. 파일 기반 도구는 대부분 서버에 업로드하지 않고 현재 기기에서 처리하며, 직접 테스트하며 알게 된 사용법과 한계도 함께 기록합니다.
MediaPipe · WebGPU · WebAssembly · Local processing
추천 도구
각 페이지에는 실행 화면뿐 아니라 지원 형식, 처리 방식, 권장 환경과 문제 해결 방법을 함께 정리했습니다.
CAMERA + 3D
얼굴, 표정, 상체와 손동작을 감지해 VRM 캐릭터에 실시간으로 반영합니다.
도구와 가이드 열기 →IMAGE
크기 조절, 자르기, 회전, 압축과 JPG·PNG·WEBP 변환을 한 화면에서 처리합니다.
도구와 가이드 열기 →AI + WEBGPU
Real-ESRGAN 모델과 기기의 GPU를 이용해 이미지를 2배 또는 4배로 확대합니다.
도구와 가이드 열기 →VIDEO + GIF
짧은 영상과 GIF를 브라우저 안에서 변환하고 자르며, 반복 구간과 출력 크기를 조절합니다.
도구와 가이드 열기 →3D
GLB·GLTF 등 3D 파일을 업로드 없이 회전, 확대하고 포함된 애니메이션을 확인합니다.
도구와 가이드 열기 →IPHONE VIDEO
MOV·HEVC 영상을 윈도우와 웹에서 재생하기 쉬운 MP4(H.264) 형식으로 바꿉니다.
도구와 가이드 열기 →운영 원칙
이미지·영상·3D 도구의 핵심 처리는 브라우저에서 수행합니다. 서버 전송이 필요한 기능이 생기면 해당 페이지에 따로 밝힙니다.
파일 선택부터 결과 저장까지 주요 동작을 확인하고, 브라우저 호환성이나 권장 파일 크기처럼 사용 중 부딪히는 조건을 기록합니다.
브라우저 도구는 기기 성능과 메모리의 영향을 받습니다. 느려질 때의 대안, 지원하지 않는 형식, 결과가 달라지는 이유도 숨기지 않습니다.
Long View 이야기
간단한 작업 하나를 위해 무거운 프로그램을 설치하거나 개인 파일을 낯선 서버에 올려야 하는 경우가 많습니다. Long View는 같은 작업을 브라우저 표준 기술만으로 어디까지 해결할 수 있는지 직접 만들고 확인하면서 시작했습니다.
그래서 도구 페이지에는 실행 버튼만 두지 않습니다. 어떤 기술을 썼는지, 개인정보는 어떻게 처리되는지, 어떤 환경에서 잘 작동하는지, 결과를 믿기 전에 무엇을 확인해야 하는지를 함께 씁니다. 제작 과정에서 얻은 내용은 별도의 기술 가이드로 남깁니다.
최근 업데이트
도구 개선 내용과 직접 구현하며 확인한 방법을 최신순으로 정리합니다.
사진 한 장에서 468개 지점을 찾아 머리카락까지 포함한 3D 얼굴을 만들고 .glb로 내려받는 무료 브라우저 도구. 깊이 추정의 원리와 한계까지 설명합니다.
브라우저에서 FBX를 VRM 1.0으로 바꾸는 무료 변환기입니다. Mixamo 본 자동 매핑과 T포즈·스케일 규칙, 증상별 문제 해결 사전까지 정리했습니다.
브라우저 안에서만 돌아가는 AI 도구 셋을 만들며 배운 교훈을 정리했습니다. 다운로드 크기, 보안 격리, 메모리, 폴백 설계, 출시 전 검증까지.
웹캠 영상이 MediaPipe 랜드마크, Kalidokit 관절 회전, Three.js 렌더를 거쳐 VRM 아바타의 움직임이 되기까지, 파이프라인을 해부합니다.
모델이 안 열리거나 검게 보일 때, 애니메이션이 없다고 나올 때 원인을 좁히는 진단 가이드. GLB·FBX 등 6개 포맷을 브라우저에서 확인합니다.
화면녹화를 GIF로, 무거운 GIF는 MP4로. 설치 없이 브라우저에서 도는 네 가지 변환 도구의 사용법과 한계를 용도별로 정리했습니다.
아이폰 HEVC 영상을 어디서나 재생되는 H.264 MP4로. 서버 업로드 없이 브라우저에서 변환하는 순서를 정리했습니다.