- 支持的格式: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度全景图的流程