正距円筒(equirectangular)の .jpg / .png / .webp を下のビューアにドラッグするだけ。すべてブラウザ内で描画され、ファイルはアップロードされません。
アップロード・プラグイン・登録は不要——Photo Sphere Viewer がブラウザ内だけで動作します。
ファイルがブラウザから出ることはありません。ビューアはローカルの Blob URL を生成し、球体の描画をすべて端末上で行います。タブを閉じればファイルは消え、サーバーが目にすることは一切ありません。
RICOH THETA や Insta360 などのカメラが出力する標準的な 2:1 の正距円筒パノラマはもちろん、AI 生成の全天球画像にも対応します。まだ手元にありませんか?テキストから生成することもできます。
プロ向けの 360° 公開・パブリッシングツールと同じ Photo Sphere Viewer と Three.js を基盤に構築。正確な球面マッピング、極点補正レンダリング、なめらかな WebGL パフォーマンスを実現します。
クリック&ドラッグで自由に見回し、スクロールでズームイン・アウト。F キーで全画面に切り替えて没入表示に。キーボードの矢印キーでも精密に操作できます。
スマホやタブレットでビューアを開き、指でドラッグして球体を確認できます。アプリのインストールなしで、最新のモバイルブラウザで動作します。画像がまだ正距円筒でなければ、写真を360度パノラマに変換しましょう。
このビューアは今も、これからもずっと無料——クレジットも、アカウントも、透かしもありません。見るだけでなく、テキストや写真からパノラマを作りたい方は、AI パノラマ生成ツールや写真を360度パノラマに変換するツールもご覧ください。
手元のファイルが本当に360度写真かどうか分かりませんか?上のビューアにドラッグすれば、内蔵の360度画像チェッカーが簡易的な360度写真テストをすぐに実行します。解像度を読み取り、2:1 の正距円筒(equirectangular)アスペクト比かどうかを検証し、GPano XMP メタデータ——写真アプリがパノラマを自動認識するためのタグ——の有無をスキャンします。アスペクト比が正しくなければ球面表示は引き伸ばされ、メタデータが欠けていれば一部のプラットフォームではパノラマが平たい画像として表示されます。いずれの場合も、公開する前に何を直せばよいかがはっきり分かります。
360° 画像を見る 3 つの方法。どんなときにどれを使うか。
本ビューアは手早いローカルプレビュー向け——正距円筒ファイルが手元にあり、数秒で見回したい、インストールもアップロードもしたくない、完全にプライベートに、という用途に最適です。Pannellum は、自分のウェブページ内にインタラクティブなビューアを埋め込み、ホットスポットを追加し、UI をカスタマイズしたい開発者向けの、セルフホスト型 JavaScript ライブラリです。Google ストリートビューは、画像を Google のサーバーにアップロードし、GPS 座標に紐付ける必要があります。プライバシー優先で、ファイルを端末から出さずに一度きり確認したいなら、このツールを使ってください。
ドラッグ&ドロップから完全な球面表示まで、4 ステップ。
2:1 の .jpg、.png、.webp を上のビューアにドラッグします。ファイルはブラウザ内にとどまり、どのサーバーにもアップロードされません。
クリックしてドラッグすれば任意の方向にパンできます。スクロールでズームイン・アウト。F キーで全画面モードに入れば、完全な没入表示になります。
上端や下端が大きく歪んで見える場合、本物の正距円筒ではないかもしれません。まず写真を360度パノラマに変換して、極点の歪みを直しましょう。
公開の共有リンク付きのホスト版が必要ですか?AI ジェネレーターで新しいパノラマを生成すれば、どの結果にも共有できる公開ギャラリーページが付きます。
見るだけでなく360°パノラマを作りたいですか?テキストから始める、写真を変換する、HDRI 環境マップを書き出す。
正距円筒画像は、2:1 のアスペクト比(例:4096×2048 ピクセル)で保存されたパノラマ写真やレンダリングで、緯度と経度が画像の y 軸・x 軸に線形に対応します。360° パノラマの標準形式で、RICOH THETA や Insta360 などのカメラはこの形式で直接出力し、多くの AI パノラマ生成ツールもこの形式を生成します。球体にマッピングすると、継ぎ目のない 360° 空間になります。形式の詳しい解説は正距円筒画像とは?をご覧ください。
画像がおそらく本物の正距円筒投影ではありません。よくある原因:アスペクト比が 2:1 でない、魚眼や円筒投影で撮影されている、極点が補正されていない、などです。写真を360度パノラマに変換するツールを使えば、投影を検出して正しい正距円筒ファイルを出力します。
いいえ。ビューアは完全にクライアント側で動作します。ファイルをドラッグすると、ブラウザがメモリ内にローカルの Blob URL を作成し、それを直接 Three.js レンダラーに渡します。端末から何も出ません。タブを閉じれば Blob は完全に破棄されます。画像を受け取るサーバーは存在しません——アクセス解析のためであっても送信しません。
はい——この360度パノラマビューアは最新のモバイルブラウザで動作します。指でドラッグして見回し、対応環境ではピンチやブラウザのジェスチャーでズーム、ブラウザが対応していれば全画面も使えます。
この360度パノラマビューアは .jpg、.jpeg、.png、.webp に対応します。約 50 MB を超えるファイルは、低スペック端末ではブラウザ内の描画が遅くなることがあります。おすすめは 4096×2048 の .jpg(通常 5〜15 MB)です。同じ解像度の PNG は 30 MB に達することがあり、使えはしますがデコードが遅くなります。
このページはビューア専用で、すでに手元にある画像を見るためのものです。テキストプロンプトから新しい 360° パノラマを作るには、AI のテキスト→パノラマ生成ツールへ。普通の写真を 360° 正距円筒画像にするには、写真を360度パノラマに変換するツールをお使いください。パノラマを共有しやすい動画にしたい場合は、360度写真を動画に変換を使うと、同じ正距円筒画像をダウンロードできる回転動画に変換できます。
Photo Sphere Viewer(PSV)は Three.js を基盤とするオープンソースの JavaScript ライブラリで、正距円筒画像をブラウザ内でインタラクティブな球体としてレンダリングします。この360度パノラマビューアを動かしているエンジンで、球体ジオメトリ、カメラ操作、ズーム、全画面、なめらかな WebGL 描画を担っています。
はい——これは360度パノラマビューアの最も一般的な使い方の一つです。AI ジェネレーターでパノラマを生成したら、正距円筒ファイルをダウンロードしてここにドラッグし、公開・埋め込みの前に、極点の品質、継ぎ目の整合、全体的な球面の一貫性を確認できます。
はい。画像ファイルをこのページにドラッグ(またはアップロード領域をクリックして選択)するだけです。ビューア(「360度ビューワー」「パノラマビューワー」と表記されることもあります)は完全にブラウザ内で動作し——サーバーには何もアップロードされません——デスクトップでもスマホでも使えます。JPG、PNG、WebP の正距円筒画像を最大 50 MB まで対応します。
はい。スマホではアップロード領域をタップして、ギャラリーからパノラマを選びます。指 1 本のドラッグで見回し、指 2 本のピンチでズームします。最良の結果を得るには、画像のアスペクト比が 2:1 であることが望ましいです。
はい——表示は無料で無制限、アカウントも不要です。見るだけでなくパノラマを作りたい方は、テキストからパノラマAIや写真を360度パノラマに変換するツールをお試しください。
Facebookで360度写真が平たい画像として表示されるのは、GPano XMP メタデータが欠落しているか、画像編集アプリの保存時に削除されたためです。ファイルをこのページにドラッグしてメタデータを確認し、詳しい修復手順はFacebookで360度写真が表示されない時の直し方をご覧ください。足りないタグを追加するには、360度メタデータ注入を使ってください。
正距円筒(equirectangular)の360度写真には、4096 × 2048 のような正確な 2:1 のアスペクト比が必要です。それ以外の比率は球面上で引き伸ばされます。元画像が 2:1 でない場合は、写真を360度パノラマに変換するツールで規格に沿ったパノラマを生成できます。
内蔵の360度画像チェッカーは、解像度、アスペクト比が 2:1 の正距円筒かどうか、GPano XMP メタデータの有無を表示します。上のビューアに画像をドラッグすると実行されます。
360° パノラマビューアは、2:1 の正距円筒(equirectangular)画像を仮想の球体に巻き付け、任意の方向を見回せるようにするツールです。これがないと、パノラマは横に引き伸ばされただけの画像にしか見えません——この投影は、球体にマッピングして初めて意味を持ちます。本ビューアは、ほとんどの 360° カメラや AI パノラマ生成ツールが使う、一般的な単一ファイルの正距円筒形式に対応しています。
| 形式 | 推奨最大サイズ | 主な入手元 |
|---|---|---|
| .jpg / .jpeg | 4096×2048、約 10MB | ほとんどのカメラ+AI 生成ツール |
| .png | 4096×2048、約 30MB | 可逆圧縮のマスター;アルファ出力の AI ツール |
| .webp | 4096×2048、約 5MB | 最新の Web 圧縮;より小さいファイル |
50 MB を超えるファイルは、ブラウザ内ビューアの応答性を保つためアップローダーが拒否します。画像全体は端末上にとどまり——どのサーバーにもアップロードされません。
ブラウザは画像を表示できますが、それが球面投影だとは分かりません。空が引き伸ばされ、床が広がった、平たく歪んだ帯として見えるだけです。ビューア(本ツールは Three.js の上で Photo Sphere Viewer を動かしています)は、テクスチャを球体メッシュに巻き付け、透視カメラで投影し、パノラマを自然にドラッグ・ズーム・全画面表示できるようにします。
Pannellum と Marzipano は、セルフホスト型の埋め込み向けに設計されたオープンソースの JavaScript ライブラリです。スクリプトタグを読み込み、ホストされた画像 URL を指定すると、ビューアが自分のページ内で描画されます——マークアップ、ホットスポット、スタイルはすべて自分で制御できます。これには、画像をホストするサーバーと、スクリプトを配信するデプロイ環境が必要です。Marzipano は似ていますが、非常に大きなパノラマ向けにタイル化されたマルチ解像度対応を加えています。対照的に、この Web アプリはインストール不要のビューアで、一度きりのローカル確認向けです。サーバー不要、デプロイ不要、画像ホスティング不要。ファイルは端末から出ません。自分のウェブサイトやアプリに 360° ビューアを組み込むことが目的なら、Pannellum や Marzipano(あるいは本ツールを動かす Photo Sphere Viewer)が正しい選択です。アップロード前にパノラマファイルが正しく見えるか手早く確認したいだけなら、本ツールの方が速いです。
それも作れます。テキストプロンプトから生成したり、写真を360度パノラマに変換して、完全な球面の 360° 画像にできます。3D レンダリングのパイプライン向けには、AI HDRI作成ツールが、Blender、Unreal、Unity ですぐ使える Radiance .hdr ファイルを書き出します。
Want to go further? Try the Photo to Globe tool to wrap any photo onto an interactive spinning 3D globe — a different experience from the flat equirectangular viewer above.
Building the equirectangular images you view here into an app, game, or automation pipeline? The Panorama API generates the same 360° panoramas with a single REST call, so you can skip the browser UI entirely.
Have six cube faces instead of one equirectangular file? The Cubemap to Equirectangular Converter stitches them back into the single 2:1 panorama this viewer expects.
保存されません。アップローダーはローカルのブラウザ Blob URL を作成し、それを球体シェーダーに渡します。タブを閉じれば Blob は破棄されます。ファイルが端末から出ることはありません。
このビューアからはできません。共有可能な公開 URL を得るには、当社の AI ツールでパノラマを生成してください——生成に成功するたびに、短いリンクを作成する共有ボタンが表示されます。
2048×1024 は読み込みが速く、スマホやノート PC で美しく表示されます。4096×2048 はデスクトップモニターや VR ヘッドセットの最適解です。8K を超えても効果はほとんどありません——Three.js のテクスチャは、多くの GPU で上限が 8192 です。
元画像が本物の 2:1 正距円筒でない(ビューアは 2:1 を前提とします)か、AI 生成ツールが極点補正を適用しなかったかのどちらかです。変換ツールを試してください——極点の補正を自動で行います。
まだできません——埋め込み対応はロードマップにあります。今のところは、自分のページに組み込めるオープンソースライブラリとして Pannellum (新しいタブで開きます) をご覧ください。