免费 360° 全景图查看器

把 equirectangular .jpg / .png / .webp 拖到下方预览框——所有渲染在你浏览器里完成,文件不会上传到任何服务器。

浏览器原生 360° 全景查看

无需上传、无需插件、无需注册——Photo Sphere Viewer 完全在你的浏览器本地运行。

文件不离开浏览器

查看器创建一个本地 Blob URL,所有球面渲染完全在你的设备上完成。关闭标签页后 Blob 自动回收,没有任何服务器会看到你的文件,隐私敏感素材可以放心使用。

支持等距柱状图像

兼容 Ricoh Theta、Insta360、GoPro Max 等相机输出的标准 2:1 equirectangular 全景图,以及各类 AI 全景生成工具的输出结果。还没有全景图?用文字提示词生成一张

Photo Sphere Viewer 渲染引擎

底层使用 Photo Sphere Viewer + Three.js 构建——与专业 360° 发布工具相同的技术栈。精确的球面映射、极点校正渲染,以及流畅的 WebGL 性能表现。

拖拽、缩放与全屏

点击拖拽即可向任意方向环顾。滚轮放大缩小视场角。按 F 键进入全屏沉浸式体验。键盘方向键也支持精细导航。

适配手机浏览器

在手机或平板浏览器中打开后,可用手指拖动查看球面全景,无需安装 App。图片还不是 equirectangular?先用照片转 360°转换一下。

永久免费

查看器永久免费,无需积分、无需账号、无水印。想要从文字或照片创建全景图而不只是查看?试试 AI 全景图生成器或照片转 360° 转换器。

本查看器 vs Pannellum vs Google 街景

三种查看 360° 全景图的方式,各自适合什么场景。

本工具适合快速本地预览——你手里有一张 equirectangular 文件,想在几秒内看清球面效果,不想安装任何东西,文件也不上传服务器,完全私密。Pannellum 是面向开发者的自托管 JavaScript 库,适合把交互式全景查看器嵌入自己的网页,可以添加热点标注和自定义 UI。Google 街景需要把图片上传至 Google 服务器并绑定 GPS 坐标。如果你只是想快速验证一张全景文件的效果,且不希望文件离开设备,就用这里。

360° 全景查看器在真实场景中的应用

拖拽平移、嵌入、WebXR——所有现代浏览器都支持。

360 全景查看器,支持拖拽平移与捏合缩放
拖拽平移,捏合/滚轮缩放
外部网站中嵌入的 360 查看器 iframe
iframe 嵌入 — 适配任何 CMS
WebXR VR 模式下的 360 全景查看器,含立体分屏
WebXR VR 模式 — 头显立体分屏

如何在浏览器中查看 360° 全景图

四步从拖放文件到完整球面视图。

拖入 equirectangular 图片

把 2:1 比例的 .jpg、.png 或 .webp 拖到上方查看器中。文件留在你的浏览器本地,不会上传到任何服务器。

点击拖拽环顾四周

点击并拖拽鼠标向任意方向查看。滚轮调整视场角。按 F 进入全屏模式获得沉浸式体验。

检查投影是否正确

如果图片顶部或底部出现严重变形,说明图片可能不是标准 equirectangular 格式。先用照片转 360°转换修复极点畸变。

分享或嵌入

需要带公开分享链接的托管版本?用 AI 全景图生成器生成一张,每个结果都会自动获得公开的作品库分享链接。

查看器免费——套餐是为生成器设计的

想创建 360° 全景图而不只是查看?可以从文字开始、转换一张照片,或生成 HDRI 环境贴图。

360° 全景查看器——常见问题

什么是 equirectangular(等距柱状)图像?

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° 全景图吗?

这个页面只是查看器,用于预览你已有的图片。如需从文字提示词生成新的 360° 全景图,请前往 AI 全景图生成器。如需将普通照片转换为 360° equirectangular 格式,请使用照片转 360° 转换器

Photo Sphere Viewer 是什么,为什么使用它?

Photo Sphere Viewer(PSV)是一个基于 Three.js 的开源 JavaScript 库,是本 360 全景查看器的底层引擎——负责球体几何、摄像机控制、缩放、全屏和流畅的 WebGL 渲染。

可以用它检查 AI 生成的全景图再分享吗?

可以——这也是 360 全景查看器最常见的使用场景之一。用 AI 生成器生成全景图后,下载 equirectangular 文件拖进这里,检查极点质量、接缝对齐和整体球面效果,确认没问题再发布或嵌入到其他地方。

360° 全景查看器是什么?

说白了,360° 全景查看器做的核心事情只有一件:把一张 2:1 比例的等距柱状(equirectangular)图像贴到一个虚拟球面的内壁,再让你站在球心向任意方向观看。不借助这步转换,全景图在浏览器里直接打开只是一张横向被拉伸、天空和地板都严重扭曲变形的普通图片——就像把地球仪剥皮摊开成世界地图,比例和形状完全失真,完全看不出原来的立体空间感。 本工具处理最主流的单文件 equirectangular 格式,兼容 Ricoh Theta、Insta360 X4、GoPro Max 等相机拍出的原生素材,同样适用于各类 AI 全景生成工具的输出结果。对于 Three.js 或 A-Frame 开发者来说,equirectangular 也是最常见的天空盒(skybox)输入格式,本工具可作为快速验证输出是否正确的零成本预览台。

支持的文件格式

格式建议最大尺寸典型来源
.jpg / .jpeg4096×2048,约 10MB相机直出 + AI 生成器
.png4096×2048,约 30MB无损主文件;带透明通道的 AI 工具输出
.webp4096×2048,约 5MB现代 Web 压缩格式;文件体积最小

超过 50 MB 的文件会被上传器自动拒绝,以保证浏览器内渲染的实时流畅性。你的图像始终留在本地设备上——不会上传到任何服务器,也不会产生任何网络流量。

为什么不直接用浏览器打开图片,而要用查看器?

浏览器确实能显示这张图,但它根本不知道这是一张球面投影——它只把它当作普通矩形图片处理。你看到的会是一条横向被极度拉伸的扁平色带:天空被压扁成一条细线,地板被拉宽铺满整个底部,左右两侧的景物挤在视野边缘严重变形。这样的「预览」毫无实用价值,既无法判断构图,也看不清细节。 本工具底层跑的是 Photo Sphere Viewer,它构建在 Three.js 之上:将图像作为贴图包裹到球体网格的内表面,再通过透视摄像机从球心渲染出正确的球面视角。你可以拖拽鼠标环顾,滚轮缩放视场角,或在手机上直接用陀螺仪倾斜设备转动方向——体验与 VR 头显里的 360° 视频本质上完全一致。这正是 Three.js 社区和 A-Frame 开发者调试全景场景时最直接的验证手段:把文件拖进来,三秒内就知道 UV 映射有没有问题。

开发者向:用 Pannellum 或 Marzipano 嵌入全景查看器

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 找素材的时间。

技术细节:存储、分享与嵌入

我的图片会被保存到服务器吗?

不会。整个预览流程在浏览器本地完成:上传器在内存里创建一个 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 实现,几行代码就能接入,支持热点标注、多场景切换和键盘导航,是目前最成熟的客户端全景查看器方案之一。