バーチャルツアーのファイル形式は、編集できる内容、ツアービルダーがインポートできるもの、訪問者がスムーズに読み込めるものに影響します。パノラマ、ホットスポット動画、透過ナビゲーションアイコンはそれぞれ目的が異なるため、自動的に同じエクスポート設定を使うべきではありません。
このガイドは、バーチャルツアーのワークフロー全体で画像、動画、音声、および補助アセットの形式をどのように選ぶかを説明します。編集可能なマスターと配信用ファイルを分け、ファイル拡張子とパノラマの投影や動画のコーデックを区別し、プロジェクト全体をエクスポートする前に選択したプラットフォームの要件を確認してください。
ファイル形式、投影法、コーデック:3つの別個の決定
ファイル形式はデータの格納方法を示します。投影は球面シーンを平面画像にどのようにマッピングするかを示します。コーデックは動画や音声がどのようにエンコードされるかを示します。これらの選択は連動しますが、ひとつを変更しても他が自動的に変わるわけではありません。
- 画像形式:JPEG は通常の写真やステッチ済みパノラマのいずれも含むことがあります。拡張子だけでは完全な360度シーンを識別できません。
- パノラマの投影:単眼のequirectangularパノラマは通常2:1のキャンバス(例: 8000 × 4000ピクセル)を使用します。切り取ったパノラマやステレオスコピック配置は別の扱いが必要です。
- ビデオコンテナとコーデック:MP4 はコンテナであり、H.264 はビデオコーデックです。同じ MP4 でも再生互換性が異なる場合があります。
拡張子を変更してファイルを変換しないでください。適切なツールでエクスポートまたはトランスコードし、元ファイルを保存してください。キャプチャとスティッチの手順については 360度写真の作り方 を参照してください。
JPEG:パノラマアップロードの実用的な出発点
JPEG(JPG と表記されることもあります)は、ディテール、ファイルサイズ、広い互換性のバランスにより写真パノラマの一般的な配信選択肢です。ツアービルダーがこの入力を要求する場合は、正しくステッチされた equirectangular の JPEG を使用してください。予測可能なウェブワークフローのために配信用コピーは sRGB でエクスポートし、プラットフォームの解像度やアップロード制限を確認してください。
JPEG はロッシー圧縮を使用し、透過をサポートしません。繰り返し編集して保存するとアーティファクトが発生する可能性があり、特に窓枠、細かいテクスチャ、高コントラストのエッジ周辺で目立ちます。編集可能なマスターを保持し、以前の配信用ファイルを繰り返し再圧縮するのではなく、新たに JPEG コピーをエクスポートしてください。
RAW と TIFF:編集およびアーカイブ用に保持
カメラの RAW ファイルは露出や色補正のためのキャプチャデータを保持しますが、ブラウザで表示できるパノラマとしてはそのままではありません。カメラによっては個々のビューが含まれ、さらに処理やスティッチが必要な場合があります。元のキャプチャとシーンを再構築するためのスティッチプロジェクトを保持してください。
TIFF は高ビット深度やロスレス保存が必要なワークフローで、レタッチや中間画像として有用です。通常は訪問者向けの配信用としては大きすぎ、標準的なブラウザ画像形式ではありません。ステッチ、水平出し、色補正、プライバシーチェックの後に互換性のあるウェブコピーをエクスポートしてください。
PNG、WebP、AVIF:アセットとインポート対応で選ぶ
透明なグラフィックや詳細な図表には PNG
PNG はロスレス圧縮と透過をサポートします。ロゴ、フロアプラン、インターフェースグラフィック、エッジをきれいに保つ必要があるオーバーレイに有用です。写真パノラマに対してはロッシー写真形式に比べて一般的に非効率です。フロアプランは表示に適した解像度にリサイズし、部屋のラベルが読みやすいようにしてください。
最適化されたウェブ配信には WebP と AVIF
WebP と AVIF はウェブ画像に対して効率的な圧縮と透過を提供できます。アプリケーションが受け入れる場合は、補助写真、サムネイル、その他の配信アセットに検討してください。ブラウザで表示できるからといって、ツアービルダーのアップロードプロセッサやパノラマレンダラーが同じ形式をサポートするとは限りません。
プラットフォームが JPEG パノラマを受け入れて独自に最適化された出力を生成する場合は、その要求されるソース形式を使用して公開パイプラインに配信を任せてください。最小のファイルが常に最良とは限らないため、実際のシーンの詳細でエクスポートを比較してください。MDN の画像フォーマットガイド は基礎となる画像形式を解説しています。
等角円筒画像、キューブマップ、マルチ解像度タイル
等角円筒(equirectangular)画像は球面シーンを一つの長方形キャンバスに格納します。キューブマップは周囲を6つの立方体の面で表現します。マルチ解像度配信は複数の詳細レベルで画像コンテンツをタイルに分割し、ビューアが必要な部分だけを要求できるようにします。これらは投影や配信の組織方法を示すもので、一つの普遍的なファイル拡張子を示すものではありません。
多くのワークフローでは、ステッチ済みパノラマを1つアップロードするとツアーソフトウェアが必要な面やタイルを作成します。インポーターが明示的に要求しない限り、手動でファイルを分割しないでください。生成されたタイルフォルダ、命名、設定は一緒に保管してください。孤立したタイルは完全なパノラマではありません。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写真。 縫い合わせ済みの正距円筒図法のJPGまたはPNGファイルを2:1のアスペクト比でアップロードし、完全な球体を表現します。一括ルームアップローダーはJPGとPNGに対応しています。
- 360カメラのワークフロー。 Insta360やRICOH THETAのようなカメラの場合、撮影ワークフローから縫い合わせ済みの正距円筒図法JPGをエクスポートして、そのファイルをインポートします。このワークフローはエクスポートされたファイル形式に依存します。カメラの直接接続や個々のカメラモデルはビューアチェックの範囲外です。
- その他のシーン形式。 ルームエディターは360ビデオ用の2:1 MP4またはWebM、ライブストリーム用の直接HLSリンク、アニメーション用のLottie JSONを記録します。再生は動画コーデックと訪問者のブラウザにも依存します。
SVTルームのドキュメントをご覧ください。ブラウザの対応確認と埋め込みのチェックについてはツアー埋め込みガイドをご覧ください。
実用的なエクスポートと検証ワークフロー
- Archive originals: カメラのキャプチャ、編集用マスター、スティッチプロジェクト、元のメディアを配信用コピーとは別に保持してください。
- Read import requirements: バッチエクスポートの前に、フォーマット、投影法、寸法、ファイルサイズ制限、動画エンコードを確認してください。
- Test one representative scene: 詳細なテクスチャ、明るい窓、フロアプラン、関連する場合はサンプルのメディアホットスポットを含めてください。
- Inspect the published result: 継ぎ目、地平線、色、テキストの可読性、透過、音、デスクトップとモバイルでの再生を確認してください。
- Optimize and preserve dependencies: 配信設定を調整し、読み込みをテストし、参照されるアセットとともに完全なプロジェクトをバックアップしてください。
例えば、不動産プロジェクトでは 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 を使ってそれらをインタラクティブな体験に組み立ててください。ライブデモを確認する でシーンやメディアを文脈で確認するか、または 利用可能なオプションを確認する ことで次のステップを選んでください。