Environment-360 panorama

  • Supported formats: jpg, jpeg, png

  • Size limit: 1024(px)x512(px) to 4096(px)x2048(px)

  • File size limit: within 5M • Picture aspect ratio limit: 2:1

1. Best Optimized Method

1.1 Set the appropriate color mode

  • Set to RGB color, so you can find out whether there is a color difference problem in time;

  • When exporting image files, you must check "Color Space"-"Convert to sRGB". After exporting the file, check whether the image has color difference;

1.2 Choose an appropriate picture size

If you need to display the background image clearly enough, we recommend that the image size should be set to 4096(px)x2048(px);

1.3 Set an appropriate picture resolution

It is recommended that the picture resolution be set to 72PPI.

1.4 Set an appropriate picture format

Determine whether the picture contains transparent parts, if there are no transparent parts, it is recommended to export to jpg or jpeg format; If the transparent part is included, you need to export the png format. It should be noted that the transparent part in the Web3D scene will be displayed as pure white (the background image is pure white);

1.5 Appropriately compressed images

It is recommended to upload to the image compression platform Tinypng for processing, click here to use immediately: https://tinypng.com/

1.6 Set an appropriate picture size pixel value

The picture length and width pixel values are set to the power of 2, such as 4096, 2048, 1024, etc.

2. Create Environment-360 panorama

Normally, there are 3 ways:

2.1 Shoot with a panoramic camera

Reference for authoring 360-degree panoramic pictures: https://developers.google.cn/vr/discover/360-degree-media.

2.2 Manually made by hand drawing

Click here to learn more about the manual panorama production process, and you can also refer to the following video tutorials: Video 1 Video 2 Tutorial 2.

Download 360-degree perspective:

2.3 Rendering through modeling software or game engine

Click here to learn more about the process of 3DS MAX rendering 360-degree panorama Click here to learn more about Unity's process of rendering 360-degree panoramas.

Last updated