# Panorama Specifications

## Specifications

* **Supported Format:** jpg、jpeg、png、webp、bmp、tif、tiff、heic、hdr、psd
* **Size Limit:**1024(px) × 512(px) 至 4096(px) × 2048(px)
* **File size limit:**
  * Free / Starter: up to 5 MB
  * Pro: up to 10 MB
  * Enterprise up to 10 MB
* **Aspect Ratio Limit:** 2:1

***

## Best Practice on Optimization

#### 1. Set an Appropriate Color Mode

* Use the RGB color mode to detect color shift issues in real time.
* When exporting, make sure to enable “Color Space → Convert to sRGB.”
* After exporting, always check whether any color deviation is present.

#### 2. Choose an Appropriate Image Size

* To ensure sufficient clarity for background display, we recommend a resolution of: 4096 px × 2048 px

#### 3. Set an Appropriate Image Resolution

* Recommended resolution: 72 PPI

#### 4. Select the Appropriate Image Format

* If the image does not contain transparency → Export as JPG or JPEG.
* If the image contains transparency → Export as PNG.

⚠️ Note: In current *3D interactive scenes*, transparent areas will appear as solid white (background rendered as white).

#### 5. Optimize Image Compression

* We recommend using [TinyPNG](https://tinypng.com/) for compression and optimization.
* Upload and compress your images directly using the link above.

#### 6. Use Suitable Pixel Dimensions

For best performance, set image width and height to a power of two, such as: 4096, 2048, 1024, etc.

***

## Creating 360° Panoramic Images

*There are three common ways:* 

#### 1. Capture Using a 360° Camera

* Please refer to the official documentation: <https://developers.google.cn/vr/discover/360-degree-media>

### 2. Create Manually (Hand-Drawn or Digital Illustration)

📥 Download 360° Equirectangular Grid Template:<br>

<figure><img src="https://1498491008-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MEaYmgB-urx5wwuYcCa%2Fuploads%2FgfpPwh3HJARHGWkYbcJM%2FGrid.jpg?alt=media&#x26;token=6a426cb3-6471-46c8-ae13-aed60aad3101" alt=""><figcaption></figcaption></figure>

### 3. Render Using 3D Modeling Software or Game Engines

Learn how to render 360° panoramas in:

* [3dsmax](https://www.3d66.com/changjianwenti/tiwen_87.html)
* [Unity](https://forum.unity.com/threads/released-vr-panorama-render-360-stereo-videos.336086/)