把 equirectangular .jpg / .png / .webp 拖到下方预览框——所有渲染在你浏览器里完成,文件不会上传到任何服务器。
无需上传、无需插件、无需注册——Photo Sphere Viewer 完全在你的浏览器本地运行。
查看器创建一个本地 Blob URL,所有球面渲染完全在你的设备上完成。关闭标签页后 Blob 自动回收,没有任何服务器会看到你的文件,隐私敏感素材可以放心使用。
兼容 Ricoh Theta、Insta360、GoPro Max 等相机输出的标准 2:1 equirectangular 全景图,以及各类 AI 全景生成工具的输出结果。还没有全景图?用文字提示词生成一张。
底层使用 Photo Sphere Viewer + Three.js 构建——与专业 360° 发布工具相同的技术栈。精确的球面映射、极点校正渲染,以及流畅的 WebGL 性能表现。
点击拖拽即可向任意方向环顾。滚轮放大缩小视场角。按 F 键进入全屏沉浸式体验。键盘方向键也支持精细导航。
在手机或平板浏览器中打开后,可用手指拖动查看球面全景,无需安装 App。图片还不是 equirectangular?先用照片转 360°转换一下。
查看器免费,无需积分、无需账号、无水印。想要从文字或照片创建全景图而不只是查看?试试 AI 全景图生成器或照片转 360° 转换器。
不确定手里这张图到底是不是真正的 360 照片?把它拖进上面的查看器,内置的 360 图片体检会立刻跑一遍检测:读出图片尺寸、校验是否为 2:1 等距柱状(equirectangular)宽高比,并扫描 GPano XMP 元数据——相册和社交平台正是靠这个标记自动识别全景图的。宽高比不对,球面显示就会被拉伸;元数据缺失,部分平台会把你的全景图当成普通平面图展示。无论哪种情况,你都能在发布之前看清到底该修哪里。
三种查看 360° 全景图的方式,各自适合什么场景。
本工具适合快速本地预览——你手里有一张 equirectangular 文件,想在几秒内看清球面效果,不想安装任何东西,文件也不上传服务器,完全私密。Pannellum 是面向开发者的自托管 JavaScript 库,适合把交互式全景查看器嵌入自己的网页,可以添加热点标注和自定义 UI。Google 街景需要把图片上传至 Google 服务器并绑定 GPS 坐标。如果你只是想快速验证一张全景文件的效果,且不希望文件离开设备,就用这里。
equirectangular 图像是一种以 2:1 宽高比(如 4096×2048 像素)存储的全景图,图像中的经纬度与像素坐标线性对应。这是 360° 全景图的标准格式——Ricoh Theta、Insta360 等相机原生输出该格式,大多数 AI 全景生成器也产出此格式。将其映射到球面内壁后,即可形成无缝的 360° 环境。格式细节深入解读见什么是等距柱状(equirectangular)图像?。
你的图片很可能不是标准的 equirectangular 投影格式。常见原因:图片宽高比不是严格的 2:1、用鱼眼镜头或圆柱投影拍摄、或者极点区域没有做球面畸变校正。使用照片转 360° 转换器——它可以自动识别投影类型并输出标准 equirectangular 文件。
不会。查看器完全在客户端运行。拖入文件后,浏览器在内存中创建一个本地 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° equirectangular 格式,请使用照片转 360° 转换器。想把全景图变成可分享的视频?360 全景照片转视频可以把同一张 equirectangular 照片转换成可下载的旋转视频。
Photo Sphere Viewer(PSV)是一个基于 Three.js 的开源 JavaScript 库,是本 360 全景查看器的底层引擎——负责球体几何、摄像机控制、缩放、全屏和流畅的 WebGL 渲染。
可以——这也是 360 全景查看器最常见的使用场景之一。用 AI 生成器生成全景图后,下载 equirectangular 文件拖进这里,检查极点质量、接缝对齐和整体球面效果,确认没问题再发布或嵌入到其他地方。
把图片文件拖到本页(或点击上传区选择文件)即可。查看器完全在浏览器本地运行——文件不会上传到任何服务器——桌面和手机都能用。支持 JPG、PNG、WebP 格式的 equirectangular 图像,最大 50 MB。
能。在手机上点击上传区,从相册选择全景图。单指拖动即可环顾四周,双指捏合缩放。图片宽高比为 2:1 时效果最佳。
免费——查看不限次数,无需注册账号。如果你想生成(而不只是查看)全景图,可以试试 文字生成全景图 或 照片转 360° 转换器。
Facebook 把 360 照片显示成一张平面图,通常是因为文件的 GPano XMP 元数据丢失,或者在图片编辑器保存时被剥掉了。把文件拖到这里检测元数据,完整修复步骤见Facebook 360 照片修复指南。如需补上缺失的标签,可使用 360 元数据注入器。
equirectangular(等距柱状)360 照片需要严格的 2:1 宽高比,例如 4096 × 2048。其他比例贴到球面上都会被拉伸。如果源图不是 2:1,可以用照片转 360° 转换器生成一张符合标准的全景图。
内置 360 图片体检会显示图片的尺寸、宽高比是否为 2:1 等距柱状,以及是否带有 GPano XMP 元数据。把文件拖进上面的查看器即可运行检测。
说白了,360° 全景查看器做的核心事情只有一件:把一张 2:1 比例的等距柱状(equirectangular)图像贴到一个虚拟球面的内壁,再让你站在球心向任意方向观看。不借助这步转换,全景图在浏览器里直接打开只是一张横向被拉伸、天空和地板都严重扭曲变形的普通图片——就像把地球仪剥皮摊开成世界地图,比例和形状完全失真,完全看不出原来的立体空间感。 本工具处理最主流的单文件 equirectangular 格式,兼容 Ricoh Theta、Insta360 X4、GoPro Max 等相机拍出的原生素材,同样适用于各类 AI 全景生成工具的输出结果。对于 Three.js 或 A-Frame 开发者来说,equirectangular 也是最常见的天空盒(skybox)输入格式,本工具可作为快速验证输出是否正确的零成本预览台。
| 格式 | 建议最大尺寸 | 典型来源 |
|---|---|---|
| .jpg / .jpeg | 4096×2048,约 10MB | 相机直出 + AI 生成器 |
| .png | 4096×2048,约 30MB | 无损主文件;带透明通道的 AI 工具输出 |
| .webp | 4096×2048,约 5MB | 现代 Web 压缩格式;文件体积最小 |
超过 50 MB 的文件会被上传器自动拒绝,以保证浏览器内渲染的实时流畅性。你的图像始终留在本地设备上——不会上传到任何服务器,也不会产生任何网络流量。
浏览器确实能显示这张图,但它根本不知道这是一张球面投影——它只把它当作普通矩形图片处理。你看到的会是一条横向被极度拉伸的扁平色带:天空被压扁成一条细线,地板被拉宽铺满整个底部,左右两侧的景物挤在视野边缘严重变形。这样的「预览」毫无实用价值,既无法判断构图,也看不清细节。 本工具底层跑的是 Photo Sphere Viewer,它构建在 Three.js 之上:将图像作为贴图包裹到球体网格的内表面,再通过透视摄像机从球心渲染出正确的球面视角。你可以拖拽鼠标环顾,滚轮缩放视场角,或在手机上直接用陀螺仪倾斜设备转动方向——体验与 VR 头显里的 360° 视频本质上完全一致。这正是 Three.js 社区和 A-Frame 开发者调试全景场景时最直接的验证手段:把文件拖进来,三秒内就知道 UV 映射有没有问题。
Pannellum 和 Marzipano 是专为自托管嵌入设计的开源 JavaScript 库:在自己页面里引入脚本标签,指向一个已托管的图片 URL,查看器就会在你的页面内渲染——你可以完全控制标记、热点标注和样式。这需要服务器来托管图片,还需要部署环境来提供脚本。Marzipano 还额外支持超大全景图的分块多分辨率加载。相比之下,本 Web 应用是面向一次性本地预览的零安装工具:无需服务器、无需部署、无需托管图片,文件始终不离开设备。如果你的目标是在自己的网站或应用中内嵌 360° 查看器,Pannellum、Marzipano 或驱动本工具的 Photo Sphere Viewer 才是正确选择。如果你只是想在上传之前快速确认一张全景文件是否正常,本工具更快捷。
我们也能帮你做。用文字提示词生成一张全景图,描述场景氛围、光线风格和地点,AI 会在几分钟内还你一张完整的 2:1 equirectangular 球面图。或者把一张普通照片转换成完整的 360° 球面全景图,系统会自动扩展视野并补全极点区域。如果你在做 3D 渲染或游戏开发,AI HDRI 生成器可以直接导出 Radiance .hdr 格式文件,可以无缝用于 Blender、Unreal Engine 或 Unity 的基于图像的照明(IBL)环境光照管线,省去自己去 HDRIHaven 找素材的时间。
Want to go further? Try the Map to Globe tool to wrap any map or 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,把它作为纹理传给 Three.js 的球体着色器进行渲染。关闭标签页后,浏览器自动回收 Blob 内存,URL 失效。文件从始至终不经过任何网络传输,也不写入我们的服务器,更不会出现在任何访问日志里。隐私敏感的素材(如尚未发布的建筑效果图、地产实景)可以放心使用。
本查看器暂不支持分享功能——因为图像存在你本地,没有任何服务端 URL 可以传递给他人。如果你需要一个可公开访问的分享短链接,可以用我们的 AI 工具生成全景图:每次成功生成后页面上都有「分享」按钮,点击即可生成一个永久短链接,复制给任何人都能在浏览器直接打开查看。
2048×1024 加载快、在手机和笔记本屏幕上效果好,适合日常预览和演示。4096×2048 是桌面显示器和消费级 VR 头显(Quest 3、PSVR2)的甜蜜点,细节清晰度和渲染性能最平衡。超过 8K(8192×4096)基本没有肉眼可辨的收益——Three.js 的 WebGL 纹理在绝大多数消费级 GPU 上硬件上限是 8192 像素,超过后会被降采样,徒增文件体积而不改善画质。
有两种可能:其一,源图本来就不是标准 2:1 equirectangular——比如相机输出的是 fisheye 双圆或其他投影格式,查看器假定输入严格为 2:1,非标准比例会导致极点拉伸;其二,AI 生成器没有对极点做球面畸变校正(pole correction),极点区域的像素按平面方式生成,贴到球面后自然变形。试试转换器——它会自动识别并修正极点区域的畸变,输出符合标准的 equirectangular 文件。
目前暂不支持嵌入——embed 功能已在路线图上,敬请期待。现阶段,如果你需要在自己页面里集成一个 360° 全景查看器,推荐开源库 Pannellum (在新标签页中打开):纯 JavaScript 实现,几行代码就能接入,支持热点标注、多场景切换和键盘导航,是目前最成熟的客户端全景查看器方案之一。