Что такое Просмотр панорам?
Просматривайте эквипрямоугольные панорамные и 360°-фотографии в интерактивном 3D-вьюере. Перетаскивайте для обзора, прокручивайте для масштабирования, наклоняйте телефон для навигации через гироскоп. Поддерживаются стандартные форматы панорамных изображений — весь рендеринг выполняется на устройстве.
Просмотрщик с помощью WebGL оборачивает эквидистантное изображение — JPEG, PNG, WebP, AVIF, BMP или TIFF — вокруг виртуальной сферы. Тяните мышью, чтобы осмотреться, прокручивайте или сводите пальцы, чтобы менять поле зрения, а на телефоне включите гироскоп, и сам аппарат станет объективом. Выберите медленную, обычную или быструю скорость авто-вращения для презентаций, перейдите в полноэкранный режим, проверьте по значку разрешения, что у изображения правильные пропорции, и сохраните плоский снимок текущего вида.
Как использовать
- Загрузите эквипрямоугольное панорамное изображение (широкий искажённый формат, получаемый с 360°-камер или программ для сшивки фото).
- Щёлкните и перетаскивайте для обзора панорамы. Прокручивайте или используйте щипок для масштабирования. На мобильных наклоняйте устройство для навигации гироскопом.
- Включите полноэкранный режим для более широкого обзора. Настройте угол обзора и включите автоповорот, чтобы увидеть всю сцену.
Когда использовать
- Просмотр 360°-снимка с Insta360, Ricoh Theta или Samsung Gear перед публикацией.
- Виртуальный тур по комнате для клиента в карточке объявления о недвижимости.
- Проверка сшитой панорамы на стыки и растяжения перед финальным экспортом.
Результат
Загрузите 360°-фото Гранд-Каньона: перетащите влево, чтобы увидеть стены каньона, поднимите взгляд на небо, приблизьте реку Колорадо внизу, а затем включите автоповорот для плавного кругового обзора.
Частые вопросы
- Что такое равнопромежуточное изображение и как понять, что моё именно такое?
- Это плоский прямоугольник с шириной ровно вдвое больше высоты (2:1), в котором верхняя и нижняя кромки соответствуют небу и земле. Если файл 4000×2000 пкс и выглядит как растянутая панорама — почти наверняка это equirectangular.
- Почему изображение в просмотрщике выглядит растянутым?
- Либо соотношение сторон не 2:1, либо исходник снят не в равнопромежуточной проекции. Кубические и dual-fisheye панорамы нужно сначала сконвертировать. Некоторые 360°-камеры выгружают сразу несколько форматов — выбирайте файл equirectangular.
- Работает ли гироскоп на iPhone?
- Да, но Safari требует явного разрешения на чтение движений устройства. При первом нажатии кнопки гироскопа на iOS примите запрос. Без разрешения кнопка остаётся неактивной, и вы можете лишь крутить вид перетаскиванием.
- Можно скачать панораму как интерактивную VR-сцену?
- Нет, отсюда сохраняется только скриншот текущего 2D-вида. Для встраиваемой VR-сцены нужно подключить библиотеку вроде Pannellum или Marzipano на своей странице. Скриншот удобен для превью и миниатюр.
- Файл какого размера потянет просмотрщик?
- В современных браузерах — до нескольких сотен мегапикселей, но огромные текстуры съедают много памяти GPU и могут уронить Safari на мобильном. Если панорама 12K тормозит, уменьшите её до 8192×4096 — этого достаточно для большинства задач.
Похожие инструменты
Объединение изображений
Объедините несколько изображений горизонтально или вертикально
Инверсия цветов изображения
Инвертируйте все цвета изображения для получения негатива
Трассировщик PNG в SVG
Конвертируйте растровые изображения в масштабируемую векторную графику
Генератор спрайт-листов
Объедините изображения в один спрайт-лист
Конвертер изображений в ICO
Конвертируйте изображения в формат ICO для фавиконов
Инструмент дизеринга
Применяйте алгоритмы дизеринга для уменьшения количества цветов изображения