什么是全景查看器？

在交互式 3D 查看器中浏览等距柱状全景图和 360° 照片。拖拽查看四周，滚轮缩放，移动设备上可倾斜手机通过陀螺仪导航。支持标准全景图片格式，所有渲染均在本地完成。

查看器使用 WebGL 将等距矩形图像(支持 JPEG、PNG、WebP、AVIF、BMP 或 TIFF)包裹到虚拟球体上。拖动可平移视角,滚动或捏合可改变视野范围,在移动设备上可启用陀螺仪让手机本身成为镜头。可选择慢速、正常或快速自动旋转用于演示,进入全屏,通过分辨率徽章确认图像比例正确,并截取当前视角的平面截图。

使用方法

1. 上传等距柱状全景图（即 360° 相机拍摄或全景拼接软件生成的宽幅变形图片）。
2. 点击并拖拽环视全景。使用滚轮或双指掐合缩放。在手机上可倾斜设备使用陀螺仪导航。
3. 切换全屏获得更大视野。调整视野角度并开启自动旋转，查看完整场景。

何时使用

• 在发布前预览 Insta360、Ricoh Theta、三星 Gear 拍的 360° 照片。
• 在房源页给客户展示虚拟看房效果。
• 在最终导出前检查拼接好的全景图有没有接缝或拉伸。

结果

上传一张在大峡谷拍摄的 360° 照片：向左拖拽可看到峡谷岩壁，向上倾斜看天空，放大查看下方的科罗拉多河，然后开启自动旋转进行 360° 全景浏览。

常见问题

什么是等距矩形(equirectangular)图?怎么知道我的图是不是?

它是一张宽是高两倍(2:1)的矩形图,上下边对应天空和地面。如果图片是 4000×2000、看起来像被拉宽的全景,那基本就是等距矩形。

为什么我的图在查看器里看起来被拉伸?

要么宽高比不是严格的 2:1,要么源图不是等距矩形投影。立方体或双鱼眼全景需要先转换。一些 360° 相机会同时导出多种格式,请选 equirectangular 的那个文件。

iPhone 上陀螺仪能用吗?

可以,但 Safari 需要明确授权读取设备运动数据。在 iOS 上第一次点陀螺仪按钮时同意授权即可。不授权按钮会一直灰着,只能拖动浏览。

可以把全景图下载成可交互的 VR 场景吗?

这里不行——查看器只能截当前 2D 画面。需要可分享的 VR 场景,要在自己的页面上嵌入 Pannellum 或 Marzipano 这样的库。截图主要适合做缩略图和预览。

查看器能处理多大的文件?

现代浏览器可以处理几百兆像素,但纹理过大会吃掉很多显存,移动端 Safari 可能崩溃。如果 12K 全景卡顿,先把分辨率降到 8192×4096 再上传——这种细节对大多数浏览场景已经够用。

相关工具