Shopify 3D 제품 모델: GLB, AR 및 뷰어 워크플로 가이드
TL;DR
- Shopify은(는) 기본적으로 3D 제품 모델을 지원합니다. 이를 표시하거나 AR를 활성화하는 데 앱이 필요하지 않습니다.
- Shopify는 GLB 및 USDZ 모델을 허용합니다. GLB 우선 작업 흐름은 Shopify이 호환 장치에 필요한 동반 형식을 생성하므로 편리합니다.
- 실제 병목 현상은 성능이 아니라 3D 모델을 얻는 경우가 많습니다. 하나를 만들거나 생성하거나 아웃소싱할 수 있습니다.
- 업로드 전 최적화: 모바일이 빠르게 유지되도록 다각형 수와 텍스처 크기를 적절하게 유지하세요.
- 경로를 선택하세요. 대부분의 매장에서 기본 3D 미디어(무료)를 이용할 수 있습니다. 고급 요구 사항을 충족하는 타사 앱 또는 맞춤형 Liquid 뷰어/구성기.
Shopify은 3D 제품 모델을 제품 미디어로 지원하므로 쇼핑객은 제품 페이지에서 모델을 회전하고 호환되는 휴대폰에서 AR을 사용할 수 있습니다. 일반적으로 가장 어려운 부분은 적절한 3D 모델을 얻는 것입니다. 이 가이드에서는 모델 생성 및 최적화부터 업로드, 뷰어 설정 및 모바일 테스트까지의 워크플로를 다룹니다.
Shopify에서 3D 제품 모델이 작동하는 방식
Shopify는 이미지 및 비디오와 함께 기본 제품 미디어로 3D 모델을 지원합니다. 호환되는 테마는 별도의 매장 앱 없이도 제품 갤러리에서 모델을 렌더링할 수 있습니다.
쇼핑객은 브라우저에서 모델을 회전, 확대/축소 및 검사할 수 있습니다. 지원되는 모바일 장치에서 제품 페이지는 **"내 공간에서 보기"**를 제공할 수도 있으므로 AR를 통해 구매자의 환경에 품목을 배치할 수 있습니다.
Shopify은 GLB 및 USDZ 제품 모델을 모두 허용하고 업로드된 모델을 처리하므로 호환되는 형식을 여러 기기에서 사용할 수 있습니다. GLB은 형상, 재료 및 텍스처를 하나의 파일에 패키지하므로 이 가이드에서는 GLB 우선 작업 흐름을 사용합니다. 배송 전에 Shopify의 현재 제품 미디어 요구 사항을 확인하세요.
3D 모델은 어디에서 나오나요?
모델을 만들거나 AI를 사용하여 모델을 생성하거나 3D 아티스트에게 의뢰할 수 있습니다. 제품에 필요한 정확성, 카탈로그 크기, 예산, 출시 일정을 기준으로 선택하세요.
직접 만드세요: Blender 또는 CAD
Blender 및 CAD 도구는 치수, 토폴로지, UV 및 재료에 대한 최대 제어 기능을 제공합니다. 이 경로는 정확한 치수와 일치해야 하는 엔지니어링 중심 제품 및 항목에 적합하지만 모델링 전문 지식과 더 많은 생산 시간이 필요합니다.
AI로 생성
더 빠른 반복을 위해 Tripo 이미지를 3D로는 제품 이미지를 3D 시작점으로 바꿀 수 있습니다. 특히 숨겨진 표면, 얇은 부품, 대칭 및 정확한 크기에 대해서는 실제 제품과 비교하여 결과를 확인해야 합니다.
일반적인 작업 흐름은 간단합니다.
- 제품 사진을 업로드하세요(또는 텍스트 프롬프트를 입력하세요).
- AI을(를) 사용하여 3D 모델을 생성합니다.
- 필요한 경우 결과를 검토하고 구체화합니다.
- 모델을 GLB로 내보내고 Shopify에 업로드합니다.
이 경로는 대규모 카탈로그의 생산을 단축할 수 있지만 복잡하거나 크기가 중요한 제품은 고객 대상 3D 또는 AR에 적합하기 전에 수동 정리가 필요할 수 있습니다.
구매 또는 아웃소싱
기존 자산은 일반 제품에 사용할 수 있는 반면, 고유한 상품에는 일반적으로 위탁 모델이 필요합니다. 실제 규모, PBR 재료, 깔끔한 토폴로지 및 Shopify 호환 결과물을 요청하세요.
AI는 속도와 카탈로그 적용 범위가 중요한 경우에 유용합니다. 치수 정확성이나 프리미엄 클로즈업 품질이 필수적인 경우 수동 모델링이나 전문적인 개선이 더 안전합니다. 하이브리드 워크플로는 빠른 생성과 대상 아티스트 정리를 결합할 수 있습니다.
업로드하기 전에 모델 최적화
웹 모델은 시각적 품질과 다운로드 크기 및 장치 성능의 균형을 맞춰야 합니다. 업로드하기 전에 지오메트리, 질감, 크기, 방향, 원점을 확인하세요.
다각형 및 파일 크기
제품 실루엣이나 눈에 띄는 디테일을 개선하지 않는 형상을 제거하세요. 복잡성이 낮은 메시는 일반적으로 모바일 하드웨어에서 더 효율적으로 다운로드 및 렌더링됩니다.
AI 생성 또는 조밀한 메시의 경우 Tripo 스마트 메시는 Web3D 및 실시간 작업 흐름을 위한 더 깔끔하고 낮은 다각형 토폴로지를 생성할 수 있습니다. 전체 내보내기 및 뷰어 파이프라인이 지원하는 경우에만 텍스처를 압축하고 Draco을 사용하세요.
Shopify은 현재 최대 500MB까지 3D 모델 업로드를 허용하며 15MB보다 큰 파일을 자동으로 최적화합니다. 15MB를 업로드 제한이 아닌 최적화 임계값으로 취급하고 Shopify의 제품 미디어 문서에서 현재 요구 사항을 확인하세요.
실제 규모 및 방향
잘못된 단위, 방향 또는 원점 배치로 인해 제품이 AR에서 너무 크거나 너무 작게 보이거나 위치가 잘못될 수 있습니다.
실제 크기로 내보내고 모델의 위쪽 및 앞쪽 축을 확인하고 베이스 중심과 같은 논리적 접점에 원점을 배치합니다. 고객이 배치할 가능성이 있는 표면에서 결과를 테스트합니다.
텍스처 및 PBR
사용되지 않는 재료를 제거하고, 합리적인 텍스처 해상도를 사용하고, 지도를 아틀라스로 결합하면 눈에 보이는 세부 사항을 손상시키지 않고 오버헤드가 줄어듭니다.
표준 PBR 자료를 사용하고 Shopify 뷰어에서 모양을 테스트하세요. 반사율이 높거나 투명하거나 레이어가 있는 소재는 브라우저와 기기에 따라 추가 조정이 필요할 수 있습니다.
Shopify 제품에 3D 모델 추가(단계별)
최적화 후 모델을 제품 미디어로 업로드하고 게시하기 전에 초기 프레젠테이션을 구성합니다.
- Shopify 관리자를 열고 제품으로 이동한 다음 업데이트할 제품을 선택하세요.
- 미디어 섹션에서 미디어 추가를 클릭하고 지원되는 GLB 또는 USDZ 파일을 업로드합니다. Shopify이(가) 이를 처리하고 미디어 갤러리에 추가합니다.
- 업로드된 3D 모델을 선택하고 파일 편집을 클릭한 다음 Shopify의 코드 없는 편집기를 사용하여 환경이나 조명, 배경, 모델의 초기 회전 및 확대/축소를 조정합니다.
- 제품 페이지를 미리보세요. 데스크톱에서 회전 및 확대/축소를 확인한 다음 지원되는 iOS 및 Android 기기에서 **"공간에서 보기"**를 테스트하세요.
현재 편집기 경로 및 사용 가능한 컨트롤은 Shopify의 3D 모델 편집기 문서를 참조하세요.
AR: "내 공간에서 보기"를 켜세요.
업로드된 단일 모델은 Shopify에서 호환 가능한 형식으로 처리한 후 대화형 매장 뷰어와 AR을 모두 지원할 수 있습니다. 일반적으로 지원되는 각 장치에 대해 별도의 매장 자산을 관리할 필요가 없습니다.
"내 공간에서 보기" 컨트롤은 장치, 브라우저, 테마 및 모델이 AR를 지원하는 경우에만 나타납니다. 데스크톱 미리보기에 의존하지 않고 실제 장치에서 테스트하세요.
호환되는 Apple 장치는 Apple Quick Look와 함께 USDZ를 사용합니다. 지원되는 Android 장치는 Google Scene Viewer를 사용할 수 있습니다. Shopify은 호환되는 모델 형식을 준비하는 반면 테마는 제품 미디어 및 AR 컨트롤을 렌더링합니다.
제품을 게시하기 전에 실제 모바일 장치에서 경험을 테스트하십시오.
- 지원되는 스마트폰에서 제품 페이지를 엽니다.
- "내 공간에서 보기" 버튼이 나타나는지 확인하세요.
- AR 버튼을 탭하고 제품을 바닥이나 테이블 위에 올려놓으세요.
- 모델의 크기, 방향, 조명이 자연스럽게 보이는지 확인하세요.
기본 3D vs 타사 앱 vs 사용자 정의 뷰어
제품에 필요한 상호 작용을 기반으로 기본 제품 미디어, 타사 구성자 또는 사용자 정의 테마 구현 중에서 선택하세요.
네이티브 3D 미디어
기본 3D 미디어는 회전, 확대/축소 및 지원되는 AR을 위한 가장 간단한 경로입니다. 테마가 이미 Shopify 제품 미디어를 올바르게 처리할 때 가장 잘 작동합니다.
타사 앱 및 구성자
쇼핑객이 재료를 변경하고, 구성 요소를 구성하고, 핫스팟을 트리거하거나, 3D 경험 내에서 제품 옵션과 상호 작용해야 하는 경우 타사 플랫폼을 사용하십시오.
- 색상 및 소재 전환
- 제품 구성
- 구성요소 선택
- 대화형 핫스팟
- 제품 경험 안내
맞춤형 Liquid 뷰어
사용자 정의 테마의 경우 Shopify이 지원하는 Liquid 경로로 시작합니다. model_viewer_tag을 사용하여 제품 모델 미디어를 렌더링하고 Shopify의 제품 미디어와 장치별 AR에 대한 Shopify-XR 지침을 따릅니다.
원시 Google <model-viewer> 통합은 테마에 맞춤 컨트롤, 핫스팟, 애니메이션 또는 로드 동작이 필요한 경우 여전히 고급 옵션일 수 있지만 개발자가 접근성, 미디어 상태, 대체 및 AR 구성을 관리해야 합니다.
무엇을 선택해야 합니까?
- 간단한 것이 필요하십니까? Shopify의 기본 3D 미디어를 사용하세요.
- 제품 맞춤화 또는 구성 도구가 필요하십니까? 타사 3D 플랫폼을 선택하세요.
- 완벽한 제어가 필요하십니까? Shopify의 기본 미디어 통합을 확장하거나 고급 사용자 정의 뷰어를 구축하세요.
3D 모델이 실제로 도움이 되나요? 성과 및 전환
3D는 유용한 제품 컨텍스트를 추가할 수 있지만 그 가치는 제품 및 구현에 따라 다릅니다. 모든 카탈로그가 동일하게 혜택을 받는다고 가정하는 대신 성능과 고객 행동을 측정하십시오.
퍼포먼스: 신화 vs. 현실
로딩 동작은 테마와 뷰어에 따라 다릅니다. 최적화된 형상과 텍스처는 전송, 메모리 및 렌더링 비용을 줄여 주지만 판매자는 중급형 모바일 장치와 느린 연결에서 대표 제품 페이지를 계속 테스트해야 합니다.
전환 및 반품
인터랙티브 3D 및 AR는 쇼핑객이 평면 이미지로는 전달하기 어려운 규모, 모양, 세부 사항을 이해하는 데 도움을 줄 수 있습니다.
전환 및 수익률 결과는 카테고리, 대상, 자산 품질 및 배치에 따라 크게 다릅니다. 외부 사례 연구를 예측이 아닌 맥락으로 취급하고 매장별 참여, 전환 및 반품 데이터를 사용하여 기능을 평가합니다.
3D가 가치 있는 경우
모든 제품에 3D 모델이 필요한 것은 아닙니다. 가장 큰 가치는 쇼핑객이 구매하기 전에 규모, 재료 또는 공간적 적합성을 이해함으로써 이익을 얻을 수 있는 품목에서 비롯됩니다.
3D 모델은 다음과 같은 경우에 특히 유용합니다.
- 가구 및 실내 장식품
- 신발 및 패션 액세서리
- 주얼리 및 명품
- 가전제품
- 산업용 장비 및 기술 제품
- 옵션을 구성할 수 있는 제품
저렴하거나 고도로 표준화된 제품의 경우 기존 사진이 이미 충분한 정보를 제공할 수 있습니다. 좋은 전략은 가장 가치가 높거나 수익이 가장 높은 SKU로 시작하여 참여도와 전환율을 측정한 다음 결과가 투자를 정당화하는 경우 카탈로그의 나머지 부분으로 3D를 확장하는 것입니다.
일반적인 함정 및 문제 해결
대부분의 실패는 자산 복잡성, 잘못된 규모, 지원되지 않는 장치 조건 또는 테마 미디어 처리로 인해 발생합니다. 게시하기 전에 아래 확인 사항을 사용하세요.
모델이 모바일에서 느리게 로드되거나 로드되지 않습니다.
로딩 속도가 느린 경우 형상, 텍스처 해상도, 재료 수 및 총 파일 크기를 검사하십시오. Shopify은(는) 최대 500MB의 파일을 허용하고 15MB가 넘는 파일을 최적화하지만 모바일 전송에는 여전히 작고 효율적인 자산이 선호됩니다.
체크리스트:
- 다각형 수를 줄입니다.
- 텍스처를 압축합니다.
- 최적화된 GLB을 내보냅니다.
- Wi-Fi와 모바일 데이터 모두에서 테스트합니다.
AR에서 제품의 크기가 잘못된 것 같습니다.
AR에서 제품이 거대하거나 작게 나타나면 모델의 배율이나 방향이 잘못된 것일 수 있습니다. 내보내기 전에 실제 단위를 사용하는지, 올바른 전방 축이 있는지, 원점이 개체의 기본 위치에 있는지 확인하세요.
체크리스트:
- 단위를 확인합니다(실제 규모).
- 모델 방향을 확인하세요.
- 원점/피벗이 올바른 위치에 있는지 확인하세요.
- 실제 모바일 기기에서 다시 테스트해 보세요.
"내 공간에서 보기" 버튼이 표시되지 않습니다
모델이 회전하지만 AR을(를) 사용할 수 없는 경우 업로드가 지원되는 GLB 또는 USDZ 모델인지 확인하고 호환되는 물리적 장치에서 테스트한 다음 테마가 Shopify의 AR 컨트롤을 렌더링하는지 확인하세요.
체크리스트:
- 모델이 지원되는 형식인지 확인하세요.
- 실제 iPhone 또는 Android 기기에서 테스트합니다.
- 운영 체제와 브라우저가 AR을 지원하는지 확인하세요.
- 최근 모델을 교체한 경우 제품을 다시 게시하세요.
AR는 iPhone에서 작동하지 않습니다
iOS의 경우 Quick Look 호환 장치의 Safari에서 테스트하세요. AR이 계속 실패하면 Shopify 처리가 완료되도록 허용하고 크기와 재료를 다시 확인한 다음 테마가 Shopify에서 지원되는 제품-미디어 통합을 사용하는지 확인하세요.
체크리스트:
- 지원되는 iPhone 또는 iPad의 Safari에서 테스트하세요.
- 기기에서 Apple Quick Look을 사용할 수 있는지 확인하세요.
- 문제가 지속되면 최신 Shopify 문서를 참조하세요.
게시하기 전에 실제 모바일 장치에서 몇 분 동안 테스트하면 대부분의 문제를 조기에 발견하여 고객이 원활한 3D 및 AR 경험을 얻을 수 있습니다.
자주 묻는 질문
Shopify은(는) 3D 모델에 어떤 파일 형식을 사용합니까?
Shopify은 GLB 및 USDZ 제품 모델을 모두 허용합니다. GLB 첫 번째 워크플로는 모델과 텍스처를 하나의 파일로 패키징하므로 웹 전달에 편리하며, USDZ는 Apple Quick Look에서 사용됩니다. Shopify는 업로드를 처리하여 지원되는 장치 전체에서 호환되는 형식을 제공합니다.
Shopify 제품에 3D 모델을 어떻게 추가하나요?
Shopify 관리 → 제품을 열고 제품을 선택한 다음 미디어에서 지원되는 GLB 또는 USDZ 파일을 업로드합니다. 업로드된 모델을 선택하고 파일 편집을 사용하여 초기 프리젠테이션을 조정하세요. 게시하기 전에 매장을 미리 보고 실제 모바일 장치에서 AR을 테스트하세요.
Shopify에서 3D 제품 모델이 무료인가요, 아니면 앱이 필요합니까?
Shopify의 기본 제품-미디어 기능은 기본 3D를 위한 별도의 뷰어 앱이 필요하지 않으며 AR을 지원합니다. 타사 앱은 구성자, 재료 전환, 핫스팟, 분석 또는 특수 통합에 여전히 유용할 수 있습니다. 활성 테마가 Shopify 제품 미디어를 지원하는지 확인하세요.
내 Shopify 제품에 대해 AR을(를) 활성화하려면 어떻게 해야 합니까?
지원되는 3D 모델을 업로드하고 Shopify 제품 미디어와 AR 컨트롤을 렌더링하는 테마를 사용하세요. Shopify은 호환 가능한 GLB 및 USDZ 자산을 준비합니다. 지원되는 Apple 장치는 Quick Look를 사용하는 반면, 호환되는 Android 장치는 Scene Viewer를 사용할 수 있습니다. 실제 장치에서 결과를 확인하십시오.
3D 모델로 인해 Shopify 매장 속도가 느려지나요?
자산이 크거나 테마가 자산을 비효율적으로 로드하는 경우 가능합니다. 불필요한 형상을 줄이고 텍스처를 최적화하며 모바일 하드웨어 및 느린 네트워크에서 실제 제품 페이지를 테스트합니다. 로딩 동작은 구현에 따라 다르므로 보편적인 성능 주장에 의존하기보다는 측정하세요.
내 Shopify 제품에 대한 3D 모델을 어디서 구할 수 있나요?
Blender 또는 CAD에서 제품을 모델링하고, Tripo 이미지를 사용하여 3D로 시작점을 생성하고, 적합한 라이센스 자산을 구매하거나 3D 아티스트에게 의뢰할 수 있습니다. 어떤 경로를 선택하든 게시하기 전에 치수, 재료, 토폴로지 및 사용 권한을 확인하세요.
Shopify에서 GLB과 USDZ의 차이점은 무엇입니까?
GLB는 형상, 재료 및 질감을 하나의 파일에 포함할 수 있는 컴팩트한 웹 기반 형식입니다. USDZ는 Apple Quick Look AR에 사용됩니다. Shopify은(는) 호환되는 매장 및 장치 경험을 위해 두 가지 형식을 모두 허용하고 업로드를 처리합니다.
결론
Shopify는 대화형 3D를 위한 제품-미디어 기반을 제공하고 AR을 지원합니다. 경험의 질은 모델, 테마, 테스트에 따라 달라집니다. 정확한 자산을 생성 또는 소싱하고, 최적화하고, 지원되는 형식을 업로드하고, 실제 장치에서 결과를 검증하세요. 제품 이미지에서 시작 모델을 생성하려면 Tripo AI Studio를 사용해 보세요.
