가상 투어 파일 형식: 이미지, 비디오 및 에셋 가이드

가상 투어 파일 형식은 편집할 수 있는 항목, 투어 빌더가 가져올 수 있는 항목, 방문자가 원활하게 불러올 수 있는 항목에 영향을 줍니다. 파노라마, 핫스팟 비디오, 투명한 네비게이션 아이콘은 목적이 다르므로 자동으로 동일한 내보내기 설정을 사용해서는 안 됩니다.

이 가이드는 가상 투어 워크플로우 전반에서 이미지, 비디오, 오디오 및 지원 자산 형식을 선택하는 방법을 설명합니다. 편집 가능한 마스터를 전달 파일과 분리하고, 파일 확장자를 파노라마 투영이나 비디오 코덱과 구분하며, 전체 프로젝트를 내보내기 전에 선택한 플랫폼의 요구사항을 확인하세요.

파일 형식, 투영, 코덱: 서로 다른 세 가지 결정

파일 형식은 데이터가 어떻게 저장되는지를 설명합니다. 투영은 구형 장면이 평면 이미지에 어떻게 매핑되는지를 설명합니다. 코덱은 비디오나 오디오가 어떻게 인코딩되는지를 설명합니다. 이 선택들은 함께 작동하지만 하나를 변경한다고 해서 다른 것들이 자동으로 변경되지는 않습니다.

이미지 형식: JPEG는 일반 사진이나 스티치된 파노라마를 담을 수 있습니다. 확장자만으로 전체 360도 장면을 식별할 수는 없습니다.
파노라마 투영: 전체 단안 등각원통(이퀴렉탱귤러) 파노라마는 보통 2:1 캔버스를 사용하며 예를 들어 8000 × 4000 픽셀이 해당됩니다. 잘라낸 파노라마나 입체 레이아웃은 다른 처리가 필요합니다.
비디오 컨테이너와 코덱: MP4는 컨테이너이고 H.264는 비디오 코덱입니다. 두 개의 MP4 파일이 재생 호환성에서 다를 수 있습니다.

확장자 이름을 바꿔 파일을 변환하지 마세요. 적절한 도구로 내보내기 또는 트랜스코드하고 원본을 보관하세요. 캡처 및 스티칭 안내는 360도 사진 만드는 방법을 참조하세요.

JPEG: 파노라마 업로드의 실용적인 출발점

JPEG(또는 JPG)는 세부, 파일 크기, 폭넓은 호환성의 균형을 이루기 때문에 사진 파노라마의 일반적인 전달 선택입니다. 투어 빌더가 해당 입력을 요청할 때 올바르게 스티치된 등각원통형 JPEG를 사용하세요. 예측 가능한 웹 워크플로우를 위해 sRGB로 전달용 복사본을 내보내고 플랫폼의 해상도 및 업로드 제한을 확인하세요.

JPEG는 손실 압축을 사용하며 투명도를 지원하지 않습니다. 반복적인 편집 및 저장은 특히 창틀, 미세한 질감, 고대비 가장자리 주변에서 아티팩트를 유발할 수 있습니다. 편집 가능한 마스터를 유지한 다음 기존 전달 파일을 반복 재압축하지 말고 새 JPEG 복사본을 내보내세요.

RAW 및 TIFF: 편집 및 보관용으로 보관

카메라 RAW 파일은 노출 및 색상 조정을 위한 캡처 데이터를 보존하지만, 즉시 표시 가능한 브라우저용 파노라마는 아닙니다. 카메라에 따라 개별 뷰를 포함하고 있어 처리 및 스티칭이 필요한 경우가 있습니다. 장면을 재구성하는 데 필요한 원본 캡처와 스티칭 프로젝트를 보관하세요.

TIFF는 더 높은 비트 심도나 무손실 저장이 필요한 워크플로우에서 고품질 중간 이미지와 리터칭에 유용합니다. 일반적으로 방문자 전달용으로는 너무 크고 표준 브라우저 이미지 형식이 아닙니다. 스티칭, 화면 평준화, 색상 보정 및 프라이버시 검토 후 호환되는 웹 복사본을 내보내세요.

PNG, WebP 및 AVIF: 자산 및 가져오기 지원에 따라 선택

투명 그래픽 및 상세한 다이어그램용 PNG

PNG는 무손실 압축과 투명도를 지원합니다. 가장자리가 깨끗해야 하는 로고, 평면도, 인터페이스 그래픽 및 오버레이에 유용합니다. 손실이 있는 사진 형식에 비해 큰 사진 파노라마에는 일반적으로 비효율적입니다. 평면도는 방 라벨이 읽기 쉬운 상태를 유지하면서 유용한 표시 해상도로 크기를 조정하세요.

최적화된 웹 전송을 위한 WebP 및 AVIF

WebP와 AVIF는 웹 이미지에 대해 효율적인 압축과 투명도를 제공할 수 있습니다. 애플리케이션이 이들을 허용할 때 보조 사진, 썸네일 및 기타 전달 자산에 대해 고려하세요. 브라우저 표시 지원이 투어 빌더의 업로드 처리기나 파노라마 렌더러가 같은 형식을 지원한다는 보장을 제공하지는 않습니다.

플랫폼은 JPEG 파노라마를 수락하고 자체적으로 최적화된 출력을 생성할 수 있습니다. 그런 경우 요청된 원본 형식을 사용하고 퍼블리싱 파이프라인이 전달을 처리하도록 두세요. 가장 작은 파일이 항상 최선이라고 가정하지 말고 실제 장면 세부에서 내보내기를 비교하세요. MDN 이미지 형식 가이드는 기본 이미지 형식을 설명합니다.

등각원통 이미지, 큐브맵, 및 다중 해상도 타일

등각원통 이미지는 구형 장면을 하나의 직사각형 캔버스에 저장합니다. 큐브맵은 주변 환경을 여섯 개의 큐브 면에 나타냅니다. 다중 해상도 전달은 뷰어가 필요한 부분만 요청할 수 있도록 여러 세부 수준의 타일로 이미지 콘텐츠를 분할합니다. 이는 단일 범용 파일 확장자라기보다는 투영과 전달 구성 방식을 설명합니다.

많은 워크플로우에서는 하나의 스티치된 파노라마를 업로드하면 투어 소프트웨어가 필요한 면이나 타일을 생성합니다. 가져오기가 명시적으로 요구하지 않는 한 파일을 수동으로 분할하지 마세요. 생성된 타일 폴더, 이름 지정, 구성은 함께 보관하세요; 단일 타일은 완전한 파노라마가 아닙니다. 8000 × 4000 이미지는 예시일 뿐 보편적 요구사항이나 품질 보증이 아닙니다.

MP4 및 WebM: 비디오의 실제 역할에 맞게 준비

평면 핫스팟 비디오와 360도 비디오는 MP4 확장자를 공유할 수 있지만 서로 다른 표시 방식이 필요합니다. 평면 비디오는 직사각형 플레이어에서 재생됩니다. 구형 비디오는 호환되는 몰입형 플레이어와 플랫폼이 예상하는 올바른 투영이나 메타데이터가 필요합니다. 평면 클립을 2:1 비율로 내보낸다고 해서 진정한 360도 영상이 되는 것은 아닙니다.

MP4 with H.264 video and AAC audio: 일반적인 웹 비디오에 대한 실용적인 호환성 출발점입니다. 플랫폼의 인코딩 요구사항을 확인하고 대상 장치에서 실제 내보내기를 테스트하세요.
WebM: 플레이어와 퍼블리싱 워크플로우가 선택된 비디오 및 오디오 코덱을 지원할 때 유용합니다. 모든 MP4를 자동으로 대체하는 형식으로 취급하지 말고 테스트된 전달 옵션으로 다루세요.
MOV and camera originals: 적절할 때 소스 자료로 보관하세요. 편집기에서 열리는 카메라 녹화물도 게시된 투어에서 안정적으로 재생되기 전에 트랜스코딩이 필요할 수 있습니다.

재생 시간, 해상도, 프레임 속도 및 비트레이트를 콘텐츠에 맞게 조정하세요. 짧은 장비 시연은 방문자가 제작 마스터를 다운로드하도록 요구해서는 안 됩니다. 사용 가능한 재생 제어와 자막을 지원되는 경우 제공하세요. 컨테이너와 코덱의 구분은 MDN 미디어 컨테이너 가이드를 참조하세요.

오디오, 아이콘, 평면도 및 기타 지원 자산

MP3 or AAC audio: 내레이션이나 배경음에 적합한 전달 후보입니다(지원되는 경우). 내레이션을 명확하게 유지하고 재생 제어를 제공하며 경쟁하는 사운드트랙은 피하세요.
WAV audio: 편집 마스터로 유용합니다; 무압축 녹음은 방문자 재생에는 불필요하게 클 수 있습니다.
SVG graphics: 애플리케이션에서 허용하면 확장 가능한 아이콘과 다이어그램에 유용합니다. 신뢰할 수 있고 정리된 자산을 사용하고 SVG 업로드를 지원하지 않으면 PNG로 내보내세요.
PDF documents: 다운로드 가능한 브로셔나 사양서에 유용합니다. 이는 인터랙티브한 장면 구조를 대체하지 않고 투어를 보완합니다.
GLB or glTF models: 전용 3D 뷰어나 통합이 이를 지원할 때에만 관련이 있습니다. 3D 모델은 사진 파노라마와 호환되는 대체물이 아닙니다.

지원 파일은 방문자의 작업에 따라 선택하세요. 평면도는 읽기 쉬운 라벨이 필요하고, 투명 아이콘은 가장자리가 깨끗해야 하며, 내레이션은 이해하기 쉬운 음성이 필요합니다. 이러한 자산을 배치하는 방법은 가상 투어 핫스팟 유형 및 사용을 참조하세요.

게시된 가상 투어는 단일 미디어 파일 이상입니다

인터랙티브 투어는 장면, 링크, 핫스팟 위치, 설정 및 미디어를 결합합니다. 플랫폼에 따라 프로젝트는 데이터베이스, 애플리케이션 전용 프로젝트 파일 또는 웹 파일과 자산을 포함한 내보낸 패키지에 저장될 수 있습니다. JPEG나 MP4만으로는 이러한 모든 상호작용을 보존할 수 없습니다.

내보내기나 백업에 실제로 무엇이 포함되는지, 어떻게 복원되는지, 서버나 애플리케이션 런타임이 필요한지 확인하세요. ZIP은 파일을 담는 컨테이너일 뿐 보편적 투어 표준은 아닙니다. 플랫폼 간 이동은 소스 파노라마를 재사용할 수 있는 경우에도 상호작용을 재구성해야 할 수 있습니다. 관련 호스팅 및 제어 결정을 다루는 내용은 셀프 호스팅 대 클라우드 가이드를 참고하세요.

Simple Virtual Tour 가져오기 호환성

360 사진. 2:1 비율의 스티치된 등각사각형 JPG 또는 PNG 파일을 업로드하여 완전한 구면을 만듭니다. 대량 룸 업로더는 JPG와 PNG를 지원합니다.
360 카메라 작업 흐름. Insta360 또는 RICOH THETA 같은 카메라의 경우, 촬영 워크플로에서 스티치된 등각사각형 JPG를 내보내고 그 파일을 가져오세요. 이 워크플로는 내보낸 파일 형식에 의존합니다. 직접 카메라 연결 및 개별 카메라 모델은 뷰어 확인 범위에 포함되지 않았습니다.
기타 씬 형식. 룸 에디터는 360 비디오를 위한 2:1 MP4 또는 WebM, 라이브 스트림을 위한 직접 HLS 링크, 애니메이션을 위한 Lottie JSON을 문서화합니다. 재생은 비디오 코덱과 방문자의 브라우저에 따라 달라집니다.

SVT 룸 문서를 참조하세요. 브라우저 및 임베드 점검은 투어 임베딩 가이드를 확인하세요.

실용적인 내보내기 및 검증 워크플로우

원본 보관: 카메라 캡처, 편집 마스터, 스티칭 프로젝트 및 원본 미디어를 전달 복사본과 분리하여 보관하세요.
가져오기 요구사항 확인: 배치 내보내기 전에 형식, 투영, 치수, 파일 크기 제한 및 비디오 인코딩을 확인하세요.
대표 장면 하나를 테스트: 상세한 질감, 밝은 창, 평면도 및 관련 샘플 미디어 핫스팟을 포함하세요.
게시 결과 검사: 이음, 수평선, 색상, 텍스트 가독성, 투명도, 사운드 및 데스크탑과 모바일에서의 재생을 확인하세요.
최적화 및 종속성 보존: 전달 설정을 조정하고 로딩을 테스트하며 참조된 자산과 함께 전체 프로젝트를 백업하세요.

예를 들어 부동산 프로젝트는 RAW 캡처와 TIFF 리터칭 마스터를 보관하고, 스티치된 JPEG 파노라마를 업로드하며, PNG 평면도를 사용하고, 짧은 H.264/AAC MP4 소개 영상을 전달할 수 있습니다. 각 선택은 다른 단계에 기여하며, 어떤 플랫폼도 이러한 모든 파일을 직접 수용한다고 암시하지는 않습니다.

자주 묻는 질문

가상 투어에 가장 적합한 이미지 형식은 무엇인가요?

스티치된 등각원통형 JPEG는 사진 파노라마 업로드를 위한 일반적인 출발점입니다. 최상의 선택은 투어 빌더의 임포터와 전달 파이프라인에 달려 있습니다. 더 높은 품질의 편집 소스는 별도로 보관하고, 모든 장면을 내보내기 전에 샘플을 테스트하세요.

2:1 JPEG가 자동으로 360도 사진인가요?

아니요. 이미지에는 올바르게 매핑된 구형 장면이 포함되어야 합니다. 일반 사진을 2:1로 늘리거나 잘라내면 완전하고 기하학적으로 정확한 뷰가 생성되지 않습니다.

파노라마에 JPEG 대신 WebP를 사용할 수 있나요?

플랫폼이 특정 입력과 렌더러에 대해 WebP를 지원하는 경우에만 가능합니다. WebP 썸네일이나 일반 웹 이미지에 대한 지원이 파노라마 임포트 지원을 보장하지는 않습니다.

로컬에서는 MP4가 작동하는데 투어 안에서는 실패하는 이유는 무엇인가요?

비디오 코덱, 오디오 코덱, 인코딩 설정, 플레이어, 서버 전달 또는 장치가 로컬 재생 환경과 다를 수 있습니다. 확장자를 변경하지 말고 플랫폼 요구사항을 확인하고 호환 가능한 트랜스코드를 테스트하세요.

전체 인터랙티브 투어를 JPEG나 MP4로 내보낼 수 있나요?

아니요. JPEG는 이미지를 저장하고 MP4는 녹화된 비디오를 저장할 수 있지만 둘 다 전체 인터랙티브 투어 프로젝트를 보존하지는 않습니다. 장면, 탐색, 핫스팟 및 종속성을 유지하려면 플랫폼이 지원하는 백업 또는 게시 방법을 사용하세요.

전체 워크플로우를 위한 형식 선택

신뢰할 수 있는 가상 투어 파일 형식은 캡처, 편집, 가져오기 및 전달을 명확히 구분하는 것에서 시작합니다. 재사용 가능한 마스터를 보존하고 플랫폼이 실제로 수용하는 파일을 내보내며 게시된 방문자 경험을 통해 압축을 판단하세요. 이 접근법은 업데이트를 더 쉽게 만들고 피할 수 있는 호환성 문제를 방지합니다.

파노라마와 지원 자산이 준비되면 Simple Virtual Tour를 사용해 이를 인터랙티브한 경험으로 조립하세요. 라이브 데모 보기에서 장면과 미디어를 문맥 속에서 확인하거나, 사용 가능한 옵션 검토를 통해 다음 단계를 선택하세요.