Additional Wix Apps
Wix Apps: Uploading 360 Images
Important:
The 360 Images app is no longer available in the Wix App Market. The app will be removed from your site on December 11th 2024 and Wix will no longer support it. As an alternative solution, you can add the Virtual Tours app by ViarLive OÜ to your site.
360° images, also known as VR (Virtual Reality) or Panoramic Images, allow you to display a 360° view of the place or object you are photographing. These images can be taken with a smartphone or a regular camera and uploaded to your site or imported via social media.
In this article, learn more about:
Uploading images to the 360 Images app
Upload and enable 360 images to auto rotate on your site. Add directional controls to assist site visitors when they interact with the image.
To upload images to the app:
Go to your editor and click the app.
Click Settings.
Click the Images tab.
Do one of the following:Upload a 360° image.
Select one of the app's images.
Click the Settings tab.
Choose a rotation starting point (from 0 to 360 degrees).
Click the Auto rotate image toggle:Enabled: Image rotates automatically. Site visitors can click to pause the rotation.
Disabled: Image can be rotated manually by site visitors.
Click the Show navigation controls toggle:Enabled: Directional controls and zoom controls appear on the image.
Disabled: No controls appear on the image.
Supported Browsers and Operating Systems
The specific browsers and dimensions shown were tested (in pixels) to be the most compatible with the 360 VR plugin. There are several browsers and Operating Systems supported by the 360 Images app, which include:
Supported desktop browsers
Chrome 70 (Mac, Win): Max Width - 32,767, Max Height - 32,767, Max Area - 268,435,456(16,384 x 16,384)
Edge 17: Max Width - 16,384, Max Height -16,384, Max Area - 268,435,456 (16,384 x 16,384)
Firefox 63 (Mac, Win): Max Width - 132,767, Max Height -32,767, Max Area - 124,992,400(11,180 x 11,180)
IE 11: Max Width - 16,384, Max Height -16384, Max Area - 67,108,864(8,192 x 8,192)
IE 9-10: Max Width - 8,192, Max Height -8,192, Max Area - 67,108,864(8,192 x 8,192)
Safari 7-12: Max Width- 4,194,303, Max Height -8,388,607, Max Area - 268,435,456(16,384 x 16,384)
Supported mobile browsers
Chrome 68 (Android 9): Max Width - 32,767, Max Height - 32,767, Max Area - 201,299,344 (14,188 x 14,188)
Chrome 68 (Android 7.1-8): Max Width - 32,767, Max Height - 32,767, Max Area - 201,299,344 (14,188 x 14,188)
Chrome 68 (Android 6): Max Width - 32,767, Max Height - 32,767, Max Area - 117,418,896 (10,836 x 10,836)
Chrome 68 (Android 5): Max Width - 32,767, Max Height - 32,767, Max Area - 130,005,604 (11,402 x 11,402)
Chrome 68 (Android 4.4): Max Width - 32,767, Max Height - 32,767, Max Area - 268,435,456 (16,384 x 16,384)
IE (Windows Phone 8.x): Max Width - 4,096, Max Height - 4,096, Max Area - 16,777,216 (4,096 x 4,096)
Safari (iOS 9-12): Max Width - 4,194,303, Max Height - 8,388,607, Max Area - 16,777,216 (4,096 x 4,096)
FAQs
Click a question below to learn more about uploading 360 images:
What file type should I use for my VR view images?
VR view images can be stored as .png, .jpeg, or .gif files. We recommend using .jpeg since it allows for better compression.
What are the recommended image dimensions?
For optimal compatibility and performance, image dimensions should be in powers of two (e.g., 2048 or 4096).
The aspect ratio for mono images (also known as 'standard') should be 2:1 (e.g. 4096 x 2048).
The aspect ratio for stereo images (also known as 'Stereoscopic' i) should be 1:1 (e.g. 4096 x 4096).
How can I improve the quality of my image displayed on Google Chrome?
Update to the latest version of Chrome for the best viewing experience.