360° Panorama Web Viewer

Jan 3, 2021
Drag and Drop image file right here
or
Press Ctrl+V to paste image from clipboard

How to use

Using the panorama viewer is surprisingly easy. All you need to do is provide an image. All available options for this are listed below.

  • Drag and Drop an image file from any file manager directly into the viewport of panorama viewer.

  • Navigate to the program of your choice and copy an image data to the clipboard. Then return to this page and press Ctrl+V on your keyboard to paste an image data into the panorama viewer from the clipboard.

  • Click Add Panoramic Image from File... button below panorama viewer viewport. The standard "open file" dialog will appears, where you can select a desired image file locally from your computer. You can only select one image at a time. (You can open few tabs at once though.)

  • Right-click on the panorama's viewport to open its context menu and use Add from File... option. The same "open file" dialog opens as described above.

After adding an image to the panorama viewer, it automatically generates a ready-to-use interactive panorama in seconds.

And that's it, now you have your panorama interactive.

In case if you want to change panoramic image, you don't need to refresh this page, just add another image as before, and current panoramic image will be replaced with a new one.

As easy as that.

Panoramic Image Format

Technically, you can use any image in PNG or JPEG format. However, to have panorama that looks right, it must be a high-resolution equirectangular projection image. Long story short, it is a projection of the environment on a sphere unwrapped into a rectangular map with a strict aspect ratio of 2:1.

It's really not as complicated as it sounds at first.

Anyway, if you are a CG Artist and are not yet familiar with this concept or may want to know how to render equirectangular panoramic images in 3D, we have a special tutorial on this subject: Rendering 360° Panorama Complete Guide.

For everyone else, you'd better to see how a professional photographers make immersive panoramas. There are plenty tutorials and videos on the web about it. Just search for something like "360 degree photography" or "how to shoot 360° panoramas" and you quickly understand what it is.

Requirements

The 360° Panorama Web Viewer uses WebGL under the hood. See About section for more details. This means that in order to use it, you need to have a browser with full WebGL support and appropriate graphics drivers installed. You can check if your browser supports WebGL here: Get.WebGL.Org or here: Detect WebGL.

Theoretically, all modern browsers have it. So, if you use Firefox 23+, Chrome 24+, Safari 8+, Internet Explorer 11+ or Edge, everything should work as expected.

But there is a known issue with iOS 8 and its implementation of WebGL. Only progressive encoded JPEGs will work. So keep that in mind if you're a Mac user.

This web application has been tested on the latest versions of Chrome, Firefox and Edge in Windows 10, and it works great with them.

It should also be noted that 360° Panorama Web Viewer is a browser-only program, so its performance, ie how fast the panorama loads, how big it can be and how smoothly it works, especially in full screen mode, directly depends on the specifications of your device. If it's a powerful workstation, everything will be fine, if it's a "potato" laptop, don't expect a miracle.

Security

When browser loads this page, it also loads all relevant resources, including 360​​° Panorama Web Viewer software, which immediately starts working in browser as long as this page remains open. Panorama software runs in a browser's runtime environment and uses its built-in functionality. That is, it works directly in your web browser as a completely local application. Despite you need an Internet connection to initially load this page, the panorama viewer itself is technically an offline application. When you have it in your browser, it will continue to work even if you lose your Internet connection. The panorama is generated by computing power of your device, so nothing is sent to our server. All images you use remain confidential.

About

The 360​​° Panorama Web Viewer is a free software based on HTML, CSS, JS and WebGL technologies. It was created by Anton Nazarenko using react-pannellum package developed by Che Hoai-Duy, who in turn uses the Pannellum library, developed on GitHub by Matthew Petroff.

We express special gratitude to all the authors of underlying software. If you feel the same way, you can buy them coffee.

If you are having any difficulties working with 360​​° Panorama Web Viewer application, or have found an error, or if you have any suggestions for this program, you may be missing some features that you would like to have here (360 video support, hotspots support or ability to create a virtual tour...), maybe anything else relevant that comes to mind, please let us know.

Back to 360° Panorama Web Viewer