Рекомендации по выбору
- Для начинающих: Используйте Netlify — сервис прост в использовании и не требуют глубоких технических знаний.
-
Для продвинутых: Можно выбрать GitHab Pages или Vercel — они предлагают гибкие настройки и интеграцию с Git.
Почему так? Я расположил сервисы в порядке возрастания сложности их использования.
Netlify позволяет загрузить файлы напрямую через браузер, максимально просто и быстро.
GitHub Pages чуть сложнее, для загрузки файлов необходимо установить клиент GitHub Desktop, т. к. больше ста файлов загрузить через браузер сервис не позволит, а их в случае даже простого тура, значительно больше.
Vercel, в свою очередь, для загрузки файлов тоже потребует GitHub Desktop или другой клиент аналогичного сервиса, где тоже потребуется отдельная регистрация.
Что из себя представляют данные сервисы в общем? Это решения для разработчиков, позволяющие быстро, удобно и бесплатно разворачивать свои сайты для просмотра вживую и тестировать их. Чего нам хватит с головой, ведь нам нужен просто хостинг с прямым доступом к файлам.
1. Netlify
Как использовать
- Зарегистрируйтесь на Netlify.
- Перетащите папку с файлами тура в интерфейс Netlify (легко) или подключите репозиторий GitHub/GitLab (сложнее для неподготовленного человека). В зависимости от размера тура и скорости интернета, может потребоваться разное время. Не закрывайте страницу во время загрузки — никакой индикации процесса загрузки через сайт нет.
- Дождитесь завершения сборки. Опционально, можно настроить домен.
- Тур будет доступен по адресу: random-name.netlify.app/путь/к/файлу/index.html, если не использовать свой домен. Часть random-name можно изменить на любую другую на странице Site configuration.
Преимущества
- Бесплатный тариф с 100 ГБ трафика в месяц.
- Неограниченное (в разумных пределах) хранилище.
- Простота использования — файлы можно загрузить без использования других программ, просто через сайт.
- Поддержка HTTPS.
- Файлы виртуального тура доступны только Вам.
Недостатки
- Для наших целей, их нет.
Более подробная информация о Netlify доступна здесь.
Пример: 3dtourtest.netlify.app/tour.html
2. GitHub Pages
Как использовать
- Создайте аккаунт на GitHub, если у вас его еще нет.
- Создайте новый публичный репозиторий и загрузите файлы виртуального тура (HTML, CSS, JS, изображения) через GitHub Desktop.
- В настройках репозитория перейдите в раздел Settings → Pages.
- Выберите ветку (например, main) и папку (/root), затем сохраните изменения.
- Виртуальный тур будет доступен по адресу: ваш_логин.github.io/название_репозитория/путь/к/файлу/index.html
Преимущества
- Бесплатный тариф с 100 ГБ трафика в месяц.
- Неограниченный размер открытых репозиториев.
- Поддержка HTTPS.
Недостатки
- Ограничение на размер сайта (1 ГБ). В прочем, этого будет достаточно для большинства туров, особенно на начальном этапе.
- Файлы тура общедоступны (github.com/FadeevVladislav/3dTourExample — репозиторий, из которого был создан сайт в моём примере).
- Относительная сложность — необходимо дополнительно скачать клиент GitHub Desktop для загрузки файлов и научиться им пользоваться.
Более подробная информация о GitHub Pages доступна здесь.
3. Vercel
Как использовать
- Зарегистрируйтесь на Vercel.
- Подключите репозиторий GitHub/GitLab.
- Настройте проект, и Vercel автоматически развернет его.
- Сайт будет доступен по адресу: random-name.vercel.app.
Преимущества
- Бесплатный тариф с 100 ГБ трафика в месяц и 23 ГБ хранилища.
- Поддержка HTTPS.
Недостатки
- Ограничения на бесплатном тарифе.
- Необходимость использования Git для импорта файлов.
Более подробная информация о Vercel доступна здесь.
Заключение
Рассмотренные сервисы имеют различия, но они мало нас интересуют, так как любой из них позволит разместить тур в интернете бесплатно. После загрузки, прямой ссылкой на тур можно поделиться с клиентом, а так же разместить на любом сайте, даже созданном при помощи конструктора.
Самым простым вариантом является Netlify и именно им я рекомендую воспользоваться для хостинга первых виртуальных туров, а затем не будет лишним купить свой хостинг или воспользоваться специализированными сервисами для виртуальных туров — тут уже на усмотрение каждого.
Статьи

Как вставить виртуальный тур с Яндекс Карт на сайт

Как загрузить и встроить готовый 3D-тур на свой сайт: руководство для владельцев сайтов
