• 支持的格式:jpg、jpeg、png
  • 尺寸限制:1024(px)x512(px)至4096(px)x2048(px)
  • 在小程序端尺寸不能超过2048(px)
  • 文件大小限制:5M以内
  • 图片长宽比限制:2:1

1. 最佳优化方式

1.1 设置适宜的颜色模式

  • 设置为RGB颜色,这样也能及时的发现是否存在色差问题;
  • 导出图片文件时一定需要勾选“色彩空间” - “转换为sRGB”,导出文件后检查图片是否存在色差;

1.2 选择适宜的图片尺寸

如果需要足够清晰的显示背景图,我们建议图片尺寸设置为4096(px)x2048(px);

1.3 设置适宜的图片分辨率

建议图片分辨率设置为72PPI

1.4 选取适宜的图片格式

确定图片是否包含透明部分,如果不含透明部分,建议导出为jpg或jpeg格式;

如果包含透明部分则需要导出png格式,需要注意的是目前在Web3D场景中透明部分会显示为纯白色(背景图片为纯白色底);

1.5 适宜的压缩图像

建议上传到图像压缩平台Tinypng处理,点击此处立即使用

1.6 设置适宜的图片尺寸像素值

图片长宽像素值设置为2的幂次方,如4096、2048、1024等

2. 360全景图片的制作

常见的有以下三种方式

2.1 通过全景相机拍摄

关于360度全景图片创建的参考:https://developers.google.cn/vr/discover/360-degree-media

2.2通过手绘等手动方式制作

详细了解全景手动制作流程,还可以参考下列视频教程:视频1 视频2 教程2

下载360度全景透视图
Grid.jpg

2.3 通过建模软件或游戏引擎渲染

点击此处详细了解3DS MAX渲染360度全景图的流程

点击此处详细了解Unity渲染360度全景图的流程