Documentación de PocketSV

Todo lo que necesitas para crear tours virtuales 360° profesionales

Inicio Rápido

Crea tu primer tour en 5 minutos

Tutorial Completo

Domina todas las funciones de PocketSV

Guía de Captura

Tips profesionales para fotografía 360°

Solución de Problemas

Resuelve problemas comunes

¿Primera vez?

Comienza con el Inicio Rápido para crear tu primer tour en minutos, luego explora el Tutorial Completo para funciones avanzadas.

Compatibilidad

Plataformas suportadas e requisitos de sessão

Requisitos de Sesión

Importante: Solo se permite una sesión de editor activa por usuario. Si inicias sesión en otro dispositivo, la sesión anterior se cerrará para proteger tus datos.

Compatibilidad de Plataformas

PocketSV está optimizado para:

  • PC Windows / Linux: Experiencia completa (Editor + Visor).
  • Android: Soporte nativo completo en Chrome Mobile.

⚠️ Limitación de Memoria en Móviles:

El uso de imágenes de muy alta resolución (8K+) puede causar Pantalla Negra o cierre inesperado del navegador en dispositivos móviles debido a falta de memoria RAM. Se recomienda máximo 4096x2048 para móviles.

Restricciones en Apple (iOS / Mac)

⚠️ Aviso Importante para Usuarios de Apple:

Debido a las políticas de seguridad de Apple (Safari/Webkit), existen limitaciones:

  • Editor: No soportado. Utilice una PC o Android para crear tours.
  • Visor: Se recomienda utilizar la Versión Online. El modo Offline Nativo no es compatible.

Foto de Perfil

💡 Tu avatar de perfil se configura en Gravatar.com. Registra el mismo email que usas en PocketSV para que tu logo aparezca automáticamente.

Requisitos de Sessão

Importante: Apenas uma sessão de editor ativa é permitida por usuário. Se você fizer login em outro dispositivo, a sessão anterior será encerrada para proteger seus dados.

Compatibilidade de Plataformas

PocketSV é otimizado para:

  • PC Windows / Linux: Experiência completa (Editor + Visualizador).
  • Android: Suporte nativo completo no Chrome Mobile.

⚠️ Limitação de Memória em Celulares:

O uso de imagens de altíssima resolução (8K+) pode causar Tela Preta ou fechamento inesperado do navegador em dispositivos móveis devido à falta de memória RAM. Recomenda-se máximo 4096x2048 para celulares.

Restrições Apple (iOS / Mac)

⚠️ Aviso Importante para Usuários Apple:

Devido às políticas de segurança da Apple (Safari/Webkit), existem limitações:

  • Editor: Não suportado. Use um PC ou Android para criar tours.
  • Visualizador: Recomendamos usar a Versão Online. O modo Offline Nativo não é compatível.

Foto de Perfil

💡 Seu avatar de perfil é configurado em Gravatar.com. Registre o mesmo email que você usa no PocketSV para que seu logo apareça automaticamente.

Session Requirements

Important: Only one active editor session is allowed per user. If you log in on another device, the previous session will be closed to protect your data.

Platform Compatibility

PocketSV is optimized for:

  • PC Windows / Linux: Full experience (Editor + Viewer).
  • Android: Full native support on Chrome Mobile.

⚠️ Mobile Memory Limitation:

Using very high-resolution images (8K+) may cause a Black Screen or browser crash on mobile devices due to RAM limits. We recommend maximum 4096x2048 for mobile.

Apple Restrictions (iOS / Mac)

⚠️ Important Notice for Apple Users:

Due to Apple's security policies (Safari/Webkit), there are limitations:

  • Editor: Not supported. Use a PC or Android to create tours.
  • Viewer: We recommend using the Online Version. Native Offline mode is not supported.

Profile Picture

💡 Your profile avatar is configured at Gravatar.com. Register the same email you use in PocketSV so your logo appears automatically.

Inicio Rápido

Crea tu primer tour en 5 minutos

Paso 1: Prepara tus Imágenes 360° 1 min

  • Coloca todas tus fotos 360° en UNA carpeta
  • Formato recomendado: JPG, proporción 2:1
  • Nombra los archivos en orden (01_sala.jpg, 02_cocina.jpg, etc.)

Paso 2: Abre PocketSV 30 seg

Accede a pocketsv.svisuals.net/app o abre el archivo index.html en tu navegador.

Paso 3: Usa Tour Rápido 1 min

En Desktop:

  1. Clic en "Tour Rápido" en el sidebar
  2. Selecciona la CARPETA con tus imágenes
  3. ¡Listo! El tour se crea automáticamente

En Móvil:

  1. Toca el botón (rayo)
  2. Selecciona las FOTOS desde tu galería
  3. El tour se genera al instante

Paso 4: Agrega Hotspots 2 min

  1. Activa el "Modo Edición" (botón naranja)
  2. Doble clic donde quieras el hotspot
  3. Selecciona tipo "Navegación"
  4. Elige la escena destino

Paso 5: Exporta tu Tour 30 seg

  1. Clic en "Exportar"
  2. Se descarga un archivo ZIP
  3. Descomprime y abre index.html

¡Felicidades! Has creado tu primer tour virtual 360°.

Passo 1: Prepare suas Imagens 360° 1 min

  • Coloque todas as suas fotos 360° em UMA pasta
  • Formato recomendado: JPG, proporção 2:1
  • Nomeie os arquivos em ordem (01_sala.jpg, 02_cozinha.jpg, etc.)

Passo 2: Abra o PocketSV 30 seg

Acesse pocketsv.svisuals.net/app ou abra o arquivo index.html no seu navegador.

Passo 3: Use o Tour Rápido 1 min

No Desktop:

  1. Clique em "Tour Rápido" no sidebar
  2. Selecione a PASTA com suas imagens
  3. Pronto! O tour é criado automaticamente

No Celular:

  1. Toque no botão (raio)
  2. Selecione as FOTOS da sua galeria
  3. O tour é gerado instantaneamente

Passo 4: Adicione Hotspots 2 min

  1. Ative o "Modo Edição" (botão laranja)
  2. Clique duplo onde deseja o hotspot
  3. Selecione tipo "Navegação"
  4. Escolha a cena de destino

Passo 5: Exporte seu Tour 30 seg

  1. Clique em "Exportar"
  2. Um arquivo ZIP será baixado
  3. Descompacte e abra index.html

Parabéns! Você criou seu primeiro tour virtual 360°.

Step 1: Prepare Your 360° Images 1 min

  • Place all your 360° photos in ONE folder
  • Recommended format: JPG, 2:1 aspect ratio
  • Name files in order (01_living.jpg, 02_kitchen.jpg, etc.)

Step 2: Open PocketSV 30 sec

Go to pocketsv.svisuals.net/app or open index.html in your browser.

Step 3: Use Quick Tour 1 min

On Desktop:

  1. Click "Quick Tour" in the sidebar
  2. Select the FOLDER with your images
  3. Done! The tour is created automatically

On Mobile:

  1. Tap the (lightning) button
  2. Select PHOTOS from your gallery
  3. The tour is generated instantly

Step 4: Add Hotspots 2 min

  1. Enable "Edit Mode" (orange button)
  2. Double-click where you want the hotspot
  3. Select "Navigation" type
  4. Choose the destination scene

Step 5: Export Your Tour 30 sec

  1. Click "Export"
  2. A ZIP file will download
  3. Unzip and open index.html

Congratulations! You've created your first 360° virtual tour.

Tutorial Completo

Domina todas las funciones de PocketSV

1. Gestión de Escenas

1.1 Tour Rápido

La forma más rápida de crear un tour virtual completo. Esta función detecta automáticamente:

  • Imágenes 360°: Archivos JPG/PNG de la carpeta.
  • Orden: Alfabético por nombre de archivo.

Desktop: Clic en "Tour Rápido", selecciona la carpeta con imágenes.
Móvil: Toca el botón y selecciona múltiples fotos.

1.2 Importar Escenas Manualmente

Arrastra imágenes (Drag & Drop) al área de upload o usa el botón .

1.3 Transiciones

  • Walkthrough: Animación de "caminar" inmersiva.
  • Crossfade: Fundido suave y elegante.
  • Instant: Cambio inmediato sin animación.

2. Modo Edición

Activa el modo edición () para interactuar con los elementos.

  • Doble Clic / Tap: Crear nuevo hotspot.
  • Clic en Hotspot: Abre menú radial (Configurar, Vista, Copiar, Eliminar).
  • Arrastrar: Mover hotspots, logo o brújula.

Historial: Ctrl+Z (Deshacer) y Ctrl+Y (Rehacer) disponibles.

3. Tipos de Hotspots

Icono Tipo Función
Navegación Ir a otra escena (Nav)
Flecha Piso Estilo Street View (Floor)
Texto Información en popup
Imagen Galería o foto popup
Video Video local o YouTube
URL Enlace externo
Audio Reproducir sonido/música
PDF Visor de documentos

4. Objetos 3D Anclados

Posiciona contenido multimedia en el espacio 3D (paredes, pantallas).

  • Web Pin: Sitios web interactivos (iframes).
  • Imagen 3D: Cuadros o posters.
  • Video 3D: Pantallas de TV virtuales.

Herramientas 3D: Mover, Rotar, Escalar, Deformar (Vértices), Duplicar.

5. Planta Interactiva

Sistema de mapa con Cono de Radar que muestra la dirección de vista en tiempo real.

  1. Sube la imagen del plano.
  2. Haz clic para crear puntos de navegación.
  3. Vincula cada punto a su escena.

Soporta múltiples niveles (pisos) mediante pestañas.

6. Calibración del Norte

Esencial para que el radar funcione correctamente.

  1. En la escena, rota la vista hasta mirar al Norte Real.
  2. En la lista lateral, arrastra la brújula hasta que el rojo apunte arriba.
  3. Repite en todas las escenas.

7. Herramientas

  • Logo & Nadir: Personaliza branding y oculta el trípode.
  • Little Planet: Efecto de entrada dramático.
  • Audio de Fondo: Música ambiental global.
  • Notas de Voz: Grabar audio descriptivo por escena.
  • Giroscopio: (Móvil) Control inmersivo por movimiento.

8. Proyecto y Exportación

Acción Formato Uso
Guardar .json Continuar editando después (incluye todo)
Exportar .zip Web lista para publicar (HTML/JS/Assets)

9. Diferencias Desktop vs Móvil

Función Desktop Móvil
Navegación Sidebar lateral Carrusel inferior
Crear Hotspot Doble Clic Doble Tap
Reordenar Arrastrar (Handle) Mantener presionado (Long press)
Modo Edición Sidebar Botón Lápiz Inferior

10. Atajos (Desktop)

Teclas Acción
Ctrl + Z / Y Deshacer / Rehacer
Ctrl + S Guardar Proyecto
Supr / Del Eliminar seleccionado
Esc Cancelar / Cerrar

1. Gestão de Cenas

1.1 Tour Rápido

A forma mais rápida de criar um tour virtual completo. Esta função detecta automaticamente:

  • Imagens 360°: Arquivos JPG/PNG da pasta.
  • Ordem: Alfabética por nome do arquivo.

Desktop: Clique em "Tour Rápido", selecione a PASTA com imagens.
Mobile: Toque no botão e selecione múltiplas fotos.

1.2 Importar Cenas Manualmente

Arraste imagens (Drag & Drop) para a área de upload ou use o botão .

1.3 Transições

  • Walkthrough: Animação de "caminhar" imersiva.
  • Crossfade: Fade suave e elegante.
  • Instant: Mudança imediata sem animação.

2. Modo Edição

Ative o modo edição () para interagir com os elementos.

  • Duplo Clique / Tap: Criar novo hotspot.
  • Clique em Hotspot: Abre menu radial (Configurar, Vista, Copiar, Excluir).
  • Arrastar: Mover hotspots, logo ou bússola.

Histórico: Ctrl+Z (Desfazer) e Ctrl+Y (Refazer) disponíveis.

3. Tipos de Hotspots

Ícone Tipo Função
Navegação Ir para outra cena
Seta Chão Estilo Street View
Texto Mostrar informação
Imagem Abrir imagem popup
Vídeo Vídeo local ou YouTube
URL Abrir link externo
Áudio Reproduzir MP3
PDF Mostrar documento

4. Objetos 3D Fixados

Posicione conteúdo multimídia no espaço 3D (paredes, telas).

  • Web Pin: Iframes com sites.
  • Imagem 3D: Imagem no espaço.
  • Vídeo 3D: Tela de vídeo virtual.

Ferramentas 3D: Mover, Rotacionar, Escalar, Deformar (Vértices), Duplicar.

5. Planta Interativa

Sistema de mapa com Cone Radar que mostra a direção da vista em tempo real.

  1. Carregue a imagem da planta.
  2. Clique para criar pontos de navegação.
  3. Vincule cada ponto à sua cena.

Suporta múltiplos níveis (andares) através de abas.

6. Calibração do Norte

Essencial para o radar funcionar corretamente.

  1. Na cena, rotacione a vista até olhar para o Norte Real.
  2. Na lista lateral, arraste a bússola até o triângulo apontar para cima.
  3. Repita em todas las cenas.

7. Ferramentas

  • Logo & Nadir: Personalize sua marca e oculte o tripé.
  • Little Planet: Efeito de entrada dramático.
  • Áudio de Fundo: Música ambiente global.
  • Notas de Voz: Gravar áudio descritivo por cena.
  • Giroscópio: (Mobile) Controle imersivo por movimento.

8. Projeto e Exportação

Ação Formato Uso
Salvar .json Continuar editando depois (inclui tudo)
Exportar .zip Web pronta para publicar (HTML/JS/Assets)

9. Diferenças Desktop vs Mobile

Função Desktop Mobile
Navegação Sidebar lateral Carrossel inferior
Criar Hotspot Duplo Clique Duplo Tap
Reordenar Arrastar (Handle) Pressão longa (Long press)
Modo Edição Sidebar Botão Lápiz Inferior

10. Atalhos (Desktop)

Teclas Ação
Ctrl + Z / Y Desfazer / Refazer
Ctrl + S Salvar Projeto
Del Excluir selecionado
Esc Cancelar / Fechar

1. Scene Management

1.1 Quick Tour

The fastest way to create a complete virtual tour. This function automatically detects:

  • 360° Images: JPG/PNG files from the folder.
  • Sort Order: Alphabetical by filename.

Desktop: Click "Quick Tour", select the FOLDER with images.
Mobile: Tap the button and select multiple photos.

1.2 Import Scenes Manually

Drag 360° images (Drag & Drop) to the upload area or use the button.

1.3 Transitions

  • Walkthrough: Immersive "walking" animation.
  • Crossfade: Smooth and elegant fade.
  • Instant: Immediate change without animation.

2. Edit Mode

Enable edit mode () to interact with elements.

  • Double Click / Tap: Create a new hotspot.
  • Click on Hotspot: Opens radial menu (Configure, Target View, Copy, Delete).
  • Drag: Move hotspots, logo, or compass.

History: Ctrl+Z (Undo) and Ctrl+Y (Redo) available.

3. Hotspot Types

Icon Type Function
Navigation Go to another scene
Floor Arrow Street View style
Text Show information
Image Open image popup
Video Play local video or YouTube
URL Open external link
Audio Play MP3
PDF Show document

4. 3D Pinned Objects

Position multimedia content in 3D space (on walls, screens).

  • Web Pin: Interactive website iframes.
  • 3D Image: Image in space.
  • 3D Video: Virtual video screen.

3D Tools: Move, Rotate, Scale, Deform (Vertices), Duplicate.

5. Interactive Floorplan

Map system with Radar Cone showing view direction in real-time.

  1. Load the floorplan image.
  2. Click to create navigation points.
  3. Link each point to its scene.

Supports multiple levels (floors) via tabs.

6. North Calibration

Essential for the radar to function correctly.

  1. In the scene, rotate view to face True North.
  2. In the sidebar list, drag the compass until red points up.
  3. Repeat for all scenes.

7. Customization Tools

  • Logo & Nadir: Customize branding and hide the tripod.
  • Little Planet: Dramatic entry effect.
  • Background Audio: Global ambient music.
  • Voice Notes: Record descriptive audio per scene.
  • Gyroscope: (Mobile) Immersive motion control.

8. Project and Export

Action Format Use
Save .json Continue editing later (includes all state)
Export .zip Web ready to publish (HTML/JS/Assets)

9. Desktop vs Mobile Differences

Function Desktop Mobile
Navigation Sidebar Bottom Carousel
Create Hotspot Double Click Double Tap
Reorder Drag Handle Long Press
Edit Mode Sidebar Button Bottom Pencil Button

10. Shortcuts (Desktop)

Keys Action
Ctrl + Z / Y Undo / Redo
Ctrl + S Save Project
Del Delete Selected
Esc Cancel / Close

Guía de Captura 360°

Tips profesionales para fotografía esférica

Cámaras Recomendadas

Categoría Modelo
Consumidor Insta360 ONE X3
Prosumer Ricoh Theta Z1
Profesional Insta360 Pro 2

Configuración

  • ISO: Lo más bajo posible (100-400)
  • Apertura: f/8 a f/11
  • HDR: Activar en alto contraste

Posicionamiento

  • Altura: 1.50m - 1.70m (altura de ojos)
  • Distancia a paredes: Mínimo 50cm
  • Trípode: Nivelado y estable

Checklist

  • Batería cargada
  • Memoria suficiente
  • Espacio limpio
  • Luces encendidas
  • Sin personas
  • Norte documentado

Câmeras Recomendadas

Categoria Modelo
Consumidor Insta360 ONE X3
Prosumer Ricoh Theta Z1
Profissional Insta360 Pro 2

Configuração

  • ISO: O mais baixo possível (100-400)
  • Abertura: f/8 a f/11
  • HDR: Ativar em alto contraste

Posicionamento

  • Altura: 1.50m - 1.70m (altura dos olhos)
  • Distância das paredes: Mínimo 50cm
  • Tripé: Nivelado e estável

Checklist

  • Bateria carregada
  • Memória suficiente
  • Espaço limpo
  • Luzes acesas
  • Sem pessoas
  • Norte documentado

Recommended Cameras

Category Model
Consumer Insta360 ONE X3
Prosumer Ricoh Theta Z1
Professional Insta360 Pro 2

Settings

  • ISO: As low as possible (100-400)
  • Aperture: f/8 to f/11
  • HDR: Enable in high contrast

Positioning

  • Height: 1.50m - 1.70m (eye level)
  • Distance to walls: Minimum 50cm
  • Tripod: Level and stable

Checklist

  • Camera battery charged
  • Sufficient memory
  • Stable tripod
  • Clean and organized space
  • Lights on
  • No people in frame
  • Camera leveled
  • North documented
  • Correct settings (ISO, HDR)
  • Photos reviewed before leaving

Guía del Visitante

Cómo navegar un tour virtual PocketSV

Navegación Básica

  • PC: Clic y arrastrar para mirar alrededor. Rueda del mouse para zoom.
  • Móvil: Desliza con el dedo para girar. Pellizca para zoom.
  • Giroscopio: En móvil, toca el icono de brújula para moverte con el teléfono.
  • Doble Clic/Tap: Activa el punto interactivo.

Puntos Interactivos (Hotspots)

Los hotspots son los puntos que puedes tocar para interactuar:

  • Flecha: Te lleva a otra habitación.
  • Texto: Muestra información.
  • Imagen: Abre una foto en grande.
  • Video: Reproduce un video.
  • Link: Abre un enlace externo.
  • Audio: Reproduce un sonido.

Planta / Mapa

Si el tour tiene planta interactiva:

  • La planta muestra tu ubicación actual.
  • El cono azul indica hacia dónde estás mirando.
  • Toca cualquier punto para ir a esa ubicación.

Lista de Escenas

La barra lateral o inferior muestra todas las escenas. Toca una miniatura para ir directamente.

Controles de Audio

  • Usa el botón para silenciar/activar música de fondo.
  • Algunas escenas pueden tener narración automática.

Tips para Mejor Experiencia

  • Usa conexión WiFi para carga más rápida.
  • En móvil, activa el giroscopio para experiencia inmersiva.
  • Usa el botón de pantalla completa .

Problemas Comunes

  • Borrosa: Espera a que cargue completamente.
  • No mueve: Intenta hacer clic y arrastrar.
  • Sin audio: Verifica que tu dispositivo no esté en silencio.

Navegação Básica

  • PC: Clique e arraste para olhar ao redor. Roda do mouse para zoom.
  • Mobile: Deslize com o dedo para girar. "Pince" para zoom.
  • Giroscópio: No celular, toque no ícone da bússola para mover com o telefone.
  • Duplo Clique/Toque: Ativar o ponto interativo.

Pontos Interativos (Hotspots)

Os hotspots são os pontos que você pode tocar para interagir:

  • Seta: Leva você a outro cômodo.
  • Texto: Mostra informação.
  • Imagem: Abre uma foto em tamanho grande.
  • Vídeo: Reproduz um vídeo.
  • Link: Abre um link externo.
  • Áudio: Reproduz um som.

Planta / Mapa

Se o tour tem planta interativa:

  • A planta mostra sua localização atual.
  • O cone azul indica para onde você está olhando.
  • Toque em qualquer ponto para ir até lá.

Lista de Cenas

A barra lateral ou inferior mostra todas as cenas. Toque em uma miniatura para ir diretamente.

Controles de Áudio

  • Botão para silenciar/ativar música de fundo.
  • Algumas cenas podem ter narração automática.

Dicas para Melhor Experiência

  • Use conexão WiFi para carregamento mais rápido.
  • No celular, ative o giroscópio para experiência imersiva.
  • Toque no botão de tela cheia .

Problemas Comuns

  • Borrada: Aguarde carregar completamente.
  • Não move: Tente clicar e arrastar.
  • Sem áudio: Verifique se seu dispositivo não está no silencioso.

Basic Navigation

  • PC: Click and drag to look around. Mouse wheel to zoom.
  • Mobile: Swipe with finger to rotate. Pinch to zoom.
  • Gyroscope: On mobile, tap compass icon to move with phone.
  • Double Click/Tap: Activate the interactive point.

Interactive Points (Hotspots)

Hotspots are points you can touch to interact:

  • Arrow: Takes you to another room.
  • Text: Shows information.
  • Image: Opens a photo in full size.
  • Video: Plays a video.
  • Link: Opens an external link.
  • Audio: Plays a sound.

Floorplan / Map

If the tour has an interactive floorplan:

  • The floorplan shows your current location.
  • The blue cone indicates where you're looking.
  • Tap any point to go to that location.

Scene List

The sidebar or bottom bar shows all scenes. Tap a thumbnail to go directly there.

Audio Controls

  • button to mute/unmute background music.
  • Some scenes may have automatic narration.

Tips for Best Experience

  • Use WiFi connection for faster loading.
  • On mobile, enable gyroscope for immersive experience.
  • Tap the fullscreen button .

Common Issues

  • Blurry: Wait for it to fully load.
  • Can't move: Try clicking and dragging.
  • No audio: Check that your device isn't muted.

Recomendaciones

Tips expertos y mejores prácticas

1. Imágenes 360° Equirectangulares

Las imágenes 360° son el corazón de tu tour virtual. La calidad y optimización correcta garantizan una experiencia fluida en todos los dispositivos.

1.1 Especificaciones Recomendadas

Especificación Recomendado Mínimo Máximo
Resolución 8192 x 4096 px 4096 x 2048 px 16384 x 8192 px
Relación Aspecto 2:1 (obligatorio) 2:1 2:1
Formato JPEG (.jpg) JPEG PNG (sin compresión)
Calidad JPEG 85-90% 70% 95%
Tamaño Archivo 3-8 MB 1 MB 15 MB
Espacio Color sRGB sRGB sRGB

1.2 Resoluciones por Caso de Uso

Caso de Uso Resolución Tamaño Aprox.
Web móvil (3G/4G) 4096 x 2048 1-2 MB
Web desktop estándar 6144 x 3072 3-5 MB
Web desktop alta calidad 8192 x 4096 5-8 MB
VR/Headsets 8192 x 4096+ 5-10 MB

Tips de Captura: Usa trípode estable a altura de ojos (~160cm), evita luz directa del sol en el lente y captura en RAW si es posible.

2. Videos

2.1 Videos para Hotspots (Popup)

Especificación Recomendado Máximo
Formato MP4 (H.264) WebM (VP9)
Resolución 1920 x 1080 (FHD) 3840 x 2160 (4K)
Bitrate 5-8 Mbps 15 Mbps
Duración < 2 minutos < 5 minutos

2.2 Videos Anclados (Pinned 3D)

Los videos anclados en el espacio 3D deben ser más ligeros (1280x720 recomendado, 2-4 Mbps).

3. Checklist Final

  • Todas las imágenes tienen relación 2:1
  • Nombres de escenas descriptivos
  • Hotspots tienen tooltips
  • Videos optimizados (< 30MB)
  • Probado en Móvil y Desktop

1. Imagens 360° Equirretangulares

As imagens 360° são o coração do seu tour virtual. A qualidade e otimização correta garantem uma experiência fluida em todos os dispositivos.

1.1 Especificações Recomendadas

Especificação Recomendado Mínimo Máximo
Resolução 8192 x 4096 px 4096 x 2048 px 16384 x 8192 px
Proporção 2:1 (obrigatório) 2:1 2:1
Formato JPEG (.jpg) JPEG PNG (sem compressão)
Qualidade JPEG 85-90% 70% 95%
Tamanho Arquivo 3-8 MB 1 MB 15 MB
Espaço Cor sRGB sRGB sRGB

1.2 Resoluções por Caso de Uso

Caso de Uso Resolução Tamanho Aprox.
Web mobile (3G/4G) 4096 x 2048 1-2 MB
Web desktop padrão 6144 x 3072 3-5 MB
Web desktop alta qualidade 8192 x 4096 5-8 MB
VR/Headsets 8192 x 4096+ 5-10 MB

Dicas de Captura: Use tripé estável na altura dos olhos (~160cm), evite luz direta do sol na lente e capture em RAW se possível.

2. Vídeos

2.1 Vídeos para Hotspots (Popup)

Especificação Recomendado Máximo
Formato MP4 (H.264) WebM (VP9)
Resolução 1920 x 1080 (FHD) 3840 x 2160 (4K)
Bitrate 5-8 Mbps 15 Mbps
Duração < 2 minutos < 5 minutos

2.2 Vídeos Fixados (Pinned 3D)

Os vídeos fixados no espaço 3D devem ser mais leves (1280x720 recomendado, 2-4 Mbps).

3. Checklist Final

  • Todas as imagens têm proporção 2:1
  • Nomes das cenas descritivos
  • Hotspots têm tooltips
  • Vídeos otimizados (< 30MB)
  • Testado em Mobile e Desktop

1. 360° Equirectangular Images

360° images are the heart of your virtual tour. Proper quality and optimization ensure a smooth experience across all devices.

1.1 Recommended Specifications

Specification Recommended Minimum Maximum
Resolution 8192 x 4096 px 4096 x 2048 px 16384 x 8192 px
Aspect Ratio 2:1 (required) 2:1 2:1
Format JPEG (.jpg) JPEG PNG (uncompressed)
JPEG Quality 85-90% 70% 95%
File Size 3-8 MB 1 MB 15 MB
Color Space sRGB sRGB sRGB

1.2 Resolutions by Use Case

Use Case Resolution Approx. Size
Mobile web (3G/4G) 4096 x 2048 1-2 MB
Standard desktop web 6144 x 3072 3-5 MB
High quality desktop 8192 x 4096 5-8 MB
VR/Headsets 8192 x 4096+ 5-10 MB

Capture Tips: Use stable tripod at eye height (~160cm), avoid direct sunlight on lens, and capture in RAW if possible.

2. Videos

2.1 Videos for Hotspots (Popup)

Specification Recommended Maximum
Format MP4 (H.264) WebM (VP9)
Resolution 1920 x 1080 (FHD) 3840 x 2160 (4K)
Bitrate 5-8 Mbps 15 Mbps
Duration < 2 minutes < 5 minutes

2.2 Pinned Videos (3D)

Videos pinned in 3D space should be lighter (1280x720 recommended, 2-4 Mbps).

3. Final Checklist

  • All 360° images have 2:1 ratio
  • Scene names are descriptive
  • Hotspots have tooltips
  • Videos optimized (< 30MB)
  • Tested on Mobile and Desktop

Guía de Embedding

Cómo insertar tu tour 360° en sitios web

iFrame

<iframe 
  src="https://tudominio.com/tour/"
  width="100%" 
  height="600"
  frameborder="0"
  allowfullscreen
  allow="accelerometer; gyroscope"
></iframe>

CSS Responsive

.tour-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}
.tour-container iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}

HTTPS: El tour DEBE estar en HTTPS para funcionar en iframes.

Casos de Uso

Aplicaciones por industria

Inmobiliaria

  • Reducción de visitas innecesarias (40%)
  • Alcance internacional
  • Disponibilidad 24/7

Construcción

  • Documentación de avance de obra
  • Evidencia para disputas
  • Presentación a inversionistas

Hoteles

  • +30% conversión de reservas
  • Reducción de quejas
  • Diferenciación en booking

Museos

  • Acceso global a colecciones
  • Herramienta educativa
  • Preservación digital

Imobiliário

  • Redução de visitas desnecessárias (40%)
  • Alcance internacional
  • Disponibilidade 24/7

Construção

  • Documentação de progresso da obra
  • Evidência para disputas
  • Apresentação para investidores

Hotéis

  • +30% conversão de reservas
  • Redução de reclamações
  • Diferenciação em booking

Museus

  • Acesso global às coleções
  • Ferramenta educativa
  • Preservação digital

Real Estate

  • 40% reduction in unnecessary visits
  • International reach
  • 24/7 availability

Construction

  • Work progress documentation
  • Evidence for disputes
  • Investor presentations

Hotels

  • +30% booking conversion
  • Reduced complaints
  • Differentiation on booking platforms

Museums

  • Global access to collections
  • Educational tool
  • Digital preservation

Cheat Sheet

Shortcuts

Ctrl+Z Undo
Ctrl+Y Redo
Ctrl+S Save
Delete Delete hotspot
Escape Close modal
Double-click Create hotspot

Hotspots

Navigation
Floor arrow
Text info
Image
Video
URL
Audio
PDF

Pinned 3D

Web | Image | Video

Move | Rotate | Scale

Solución de Problemas

Resuelve los problemas más comunes

Imágenes

Imagen distorsionada

Causa: Proporción incorrecta

Solución: Verificar que el ancho sea 2x el alto (ej: 4096x2048)

Imagen borrosa

Solución: Usar mínimo 4096x2048. JPEG al 85-90%.

Hotspots

No puedo crear hotspots

Solución: Activar "Modo Edición" (botón naranja)

Móvil

Tour lento o Pantalla Negra

Solución: Reducir imágenes a 4096x2048 para evitar falta de memoria RAM.

Giroscopio no funciona

Solución: Otorgar permiso cuando pregunte. Usar Chrome.

Imagens

Imagem distorcida

Causa: Proporção incorreta

Solução: Verificar que a largura seja 2x a altura (ex: 4096x2048)

Imagem borrada

Solução: Usar mínimo 4096x2048. JPEG em 85-90%.

Hotspots

Não consigo criar hotspots

Solução: Ativar "Modo Edição" (botão laranja)

Celular

Tour lento ou Tela Preta

Solución: Reduzir imagens para 4096x2048 para evitar falta de memória RAM.

Giroscópio não funciona

Solução: Conceder permissão quando perguntar. Usar Chrome.

Images

Distorted image

Cause: Incorrect aspect ratio

Solution: Verify width is 2x height (e.g., 4096x2048)

Blurry image

Solution: Use minimum 4096x2048. JPEG at 85-90%.

Hotspots

Can't create hotspots

Solution: Enable "Edit Mode" (orange button)

Mobile

Slow tour or Black Screen

Solution: Reduce images to 4096x2048 to avoid out of memory errors.

Gyroscope doesn't work

Solution: Grant permission when asked. Use Chrome.

is exclusive to Android and PC. Apple's system blocks local files. For iPhone, we recommend using Online mode or the web viewer.

Pagamento

Planes, precios y proceso de pago

Planes PRO

Mensual

R$ 97

30 días

Popular

Semestral

R$ 557

6 meses (5% desc.)

Anual

R$ 997

12 meses (14% desc.)

Beneficios PRO

  • Exportar sin marca de agua
  • Exportar paquete ZIP
  • Abrir proyectos guardados
  • Soporte prioritario

Proceso de Pago

  1. Selecciona un plan en la app
  2. Ingresa tu email de cuenta
  3. Serás redirigido a Mercado Pago
  4. Elige tu método de pago (Tarjeta, PIX, Boleto)
  5. Tras el pago, tu cuenta se actualiza automáticamente

Preguntas Frecuentes

¿Cuándo se activa mi plan?

Inmediatamente después del pago. Si pagas con boleto, puede tardar 1-2 días hábiles.

¿Cómo verifico mi estado PRO?

En la app, verás el badge "PRO" junto a tu email.

¿Qué pasa si mi pago queda pendiente?

Recibirás un email cuando el pago sea confirmado. Si no se confirma en 24h, la preferencia expira.

¿Necesitas ayuda con tu pago?

Contacta a support@pocketsv.com

Planos PRO

Mensal

R$ 97

30 dias

Popular

Semestral

R$ 557

6 meses (5% desc.)

Anual

R$ 997

12 meses (14% desc.)

Benefícios PRO

  • Exportar sem marca d'água
  • Exportar pacote ZIP
  • Abrir projetos salvos
  • Suporte prioritário

Processo de Pagamento

  1. Selecione um plano no app
  2. Insira seu email de conta
  3. Você será redirecionado ao Mercado Pago
  4. Escolha seu método de pagamento (Cartão, PIX, Boleto)
  5. Após o pagamento, sua conta é atualizada automaticamente

Perguntas Frequentes

Quando meu plano é ativado?

Imediatamente após o pagamento. Se pagar com boleto, pode levar 1-2 dias úteis.

Como verifico meu status PRO?

No app, você verá o badge "PRO" junto ao seu email.

O que acontece se meu pagamento ficar pendente?

Você receberá um email quando o pagamento for confirmado. Se não for confirmado em 24h, a preferência expira.

Precisa de ajuda com seu pagamento?

Contate support@pocketsv.com

PRO Plans

Monthly

R$ 97

30 days

Popular

Semiannual

R$ 557

6 months (5% off)

Annual

R$ 997

12 months (14% off)

PRO Benefits

  • Export without watermark
  • Export ZIP package
  • Open saved projects
  • Priority support

Payment Process

  1. Select a plan in the app
  2. Enter your account email
  3. You'll be redirected to Mercado Pago
  4. Choose your payment method (Card, PIX, Boleto)
  5. After payment, your account is automatically upgraded

FAQ

When is my plan activated?

Immediately after payment. If you pay with boleto, it may take 1-2 business days.

How do I verify my PRO status?

In the app, you'll see the "PRO" badge next to your email.

What if my payment stays pending?

You'll receive an email when payment is confirmed. If not confirmed within 24h, the preference expires.

Need help with your payment?

Contact support@pocketsv.com