# 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&#x20;

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:&#x20;

### 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&#x20;

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:

{% file src="/files/-MF3dCF6fuoh87Ls-zaS" %}

### 2.3 Rendering through modeling software or game engine&#x20;

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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs-en.kivicube.com/manual-old/resources-specification/background/environment-360-panorama.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.