최근 마이클 노리스(Michael Norris)가 개발한 'Image-3D' 웹 컴포넌트가 개발자 커뮤니티에서 큰 관심을 받고 있습니다. 이 도구는 사용자가 제공하는 단 한 장의 2D 사진을 브라우저 내에서 직접 회전 가능한 3D 가우시안 스플랫(Gaussian Splat) 장면으로 변환해줍니다. 기존에는 3D 콘텐츠를 생성하기 위해 복잡한 소프트웨어나 서버 처리가 필요했지만, Image-3D는 이 모든 과정을 클라이언트 기기에서 해결하여 접근성을 크게 높였습니다.
Image-3D의 핵심 기술은 'Depth Anything V2 Small'이라는 깊이 추론(depth inference) 모델을 ONNX 런타임 웹(ONNX Runtime Web)과 허깅페이스 트랜스포머(Hugging Face Transformers)를 통해 브라우저에서 실행하는 것입니다. 이를 통해 사진의 깊이 정보를 추출하고 3D 스플랫으로 재구성합니다. 특히 WebGPU를 지원하여 M4 Pro 프로세서에서는 약 1초, 아이폰 17 Pro에서는 약 2초 만에 추론을 완료하는 놀라운 속도를 보여줍니다. WebGPU를 사용할 수 없는 환경에서는 WASM(WebAssembly)으로 자동 전환되어 약 5초 내외로 처리됩니다. 이 웹 컴포넌트는 단 하나의 스크립트 태그와 `<image-3d>` 태그만으로 웹 페이지에 쉽게 삽입할 수 있으며, 사용자가 직접 사진을 업로드하거나 특정 이미지 URL을 지정하여 3D 변환을 요청할 수 있습니다.
Image-3D는 웹 개발자들이 인터랙티브한 3D 콘텐츠를 웹사이트에 통합하는 방식을 혁신할 잠재력을 가지고 있습니다. 서버 비용이나 복잡한 백엔드 설정 없이도 사용자 경험을 풍부하게 만들 수 있다는 점이 가장 큰 장점입니다. 특히 전자상거래 사이트에서 제품을 3D로 보여주거나, 부동산 웹사이트에서 공간을 입체적으로 탐색하게 하는 등 다양한 분야에서 활용될 수 있습니다. 또한, 웹 컴포넌트 형태로 제공되어 기존 웹 프로젝트에 쉽게 통합할 수 있으며, 개발자는 CSS 커스텀 속성을 통해 디자인을 유연하게 제어할 수 있습니다. 이는 웹 기반 3D 콘텐츠 제작의 진입 장벽을 낮추고, 더 많은 개발자가 혁신적인 웹 경험을 창조할 수 있도록 기여할 것으로 기대됩니다.