SupaVoxel
Modelos de realidad aumentada

Modelos 3D AR a partir de una sola foto

Crea modelos 3D AR a partir de una sola imagen en 3 a 5 minutos: GLB para Scene Viewer de Android y la web, USDZ para AR Quick Look en iPhone y iPad.

  • 3 créditos gratis, sin tarjeta
  • GLB + USDZ
  • iPhone, iPad y Android
Actualizado octubre de 2026
3–5 min
Generación texturizada habitual
100k
Límite de triángulos que Google recomienda para Scene Viewer
10 MB
Tamaño máximo de archivo recomendado por Scene Viewer
1 unidad = 1 m
Escala glTF, para que la AR lo coloque a tamaño real

Cómo crear modelos 3D AR que la gente pueda colocar en su habitación

Ambas plataformas móviles incluyen un visor de AR integrado. Necesitas un archivo por plataforma y el tamaño correcto ya incorporado.

  1. 01

    Genera desde una foto

    Sube una foto nítida de un solo objeto aquí o en el estudio. Para AR, genera con textura (3 créditos, plan de pago): un modelo gris parece inacabado sobre una mesa real. Los modelos texturizados suelen tardar de 3 a 5 minutos.
  2. 02

    Define el tamaño real

    La IA no sabe cuánto mide tu objeto. Abre el GLB en Blender, define sus dimensiones en metros en el panel N, aplica la escala y vuelve a exportarlo. Como en glTF 1 unidad = 1 m, la AR lo coloca a ese tamaño.
  3. 03

    Exporta GLB para Android y la web

    GLB es lo que cargan Scene Viewer de Google y el componente web <model-viewer>. También es la descarga gratuita.
  4. 04

    Exporta USDZ para dispositivos Apple

    USDZ es el formato que abre AR Quick Look en Safari, Mensajes, Mail, Noticias y Notas en iPhone, iPad y Apple Vision Pro. Es una exportación del estudio de pago, o convierte tú mismo el GLB con el conversor de GLB a USDZ gratuito.
  5. 05

    Revisa ambos archivos

    Previsualiza el USDZ en el visor de USDZ gratuito y el GLB en el visor de GLB. Comprueba que no falten texturas y que el número de triángulos sea razonable antes de publicar.
  6. 06

    Publica con un enlace o una inserción

    Aloja los archivos en HTTPS y usa el código de la siguiente sección. Una sola etiqueta <model-viewer> puede servir para ambas plataformas.

Modelos de realidad aumentada: qué necesita cada plataforma

Requisitos según la documentación para desarrolladores de Apple y Google, comprobados en octubre de 2026.

iPhone / iPad (AR Quick Look)Android (Scene Viewer)
Formato de archivoUSDZglTF 2.0 / GLB
Se sirve comoTipo MIME model/vnd.usdz+zipURL HTTPS
Enlace web<a rel="ar" href="model.usdz"> con exactamente un hijo <img> o <picture>Enlace intent://arvr.google.com/scene-viewer/1.0?file=…
Límites de tamañoNo se publican cifras exactas; usa los objetivos de Android como presupuesto seguro100k triángulos recomendados (30–50k ideal), 10 MB, texturas de hasta 2048 × 2048
MaterialesPBRPBR; se recomiendan hasta 10 materiales, 1 conjunto de UV por malla (límite estricto)
Extensionesn/aSolo se listan KHR_materials_unlit y KHR_texture_transform
OrientaciónSe coloca en vertical sobre una superficie detectada+Y hacia arriba; la parte frontal debe mirar hacia +Z
SombrasNo las hornees en la texturaLas sombras duras se añaden automáticamente; no las hornees

Código de inserción para modelos 3D AR en una web

Una etiqueta para todos los móviles. El componente web <model-viewer> de Google carga un GLB y, con el atributo ar, ofrece AR en los dispositivos compatibles. Su valor predeterminado de ar-modes es webxr scene-viewer quick-look, en ese orden de prioridad. Si no defines ios-src, genera un USDZ al vuelo para iPhone, por lo que un solo GLB puede cubrir ambas plataformas. Define ar-placement="wall" para obras de arte y espejos, y ar-scale="fixed" para evitar que la gente pellizque un producto hasta un tamaño incorrecto.

Solo iPhone, sin JavaScript. Enlaza el USDZ con rel="ar", envolviendo una única vista previa <img>. Safari abrirá entonces AR Quick Look en el lugar en vez de navegar fuera, y volverá a tu página al salir. Tu servidor debe enviar el archivo como model/vnd.usdz+zip, o Safari no lo tratará como contenido AR.

Solo Android. Usa un enlace intent a arvr.google.com/scene-viewer/1.0 con file= configurado con la URL HTTPS de tu GLB. Añade mode=ar_only para omitir la vista previa 3D (Google dice que no se use para enlaces lanzados desde un navegador), resizable=false para bloquear la escala real, y title= para el nombre mostrado (truncado después de 60 caracteres). Incluye S.browser_fallback_url para que quienes no tengan compatibilidad con AR lleguen a un lugar útil.

Modelos 3D AR creados a partir de una foto

Objetos que la gente realmente coloca en AR: productos, decoración y coleccionables. Gira cada uno para juzgar la textura de cerca, como lo haría un comprador.

Zapatilla para correr: un modelo de producto para el botón «ver en tu habitación» de una página de calzado
Cámara de fotos vintage: un objeto pequeño que se ve bien a tamaño real sobre un escritorio
Estatua de gnomo de jardín: decoración para previsualizar en un patio real
Dinosaurio de juguete: un coleccionable que los niños pueden soltar en el suelo
Joyero ornamentado: textura de esmalte fina para la página de producto de una tienda de regalos
Candelabro de latón: decoración con una silueta clara

USDZ para AR: cómo acertar con el tamaño y el peso

Dos cosas hacen que un modelo AR se sienta mal en el móvil: un tamaño incorrecto y una carga lenta. Corrige el tamaño antes de exportar, porque forma parte del archivo: una zapatilla de 26 cm debe medir 0,26 unidades de alto en glTF. Luego mantén el archivo ligero. La guía de Google para Scene Viewer es menos de 100.000 triángulos, con 30.000–50.000 como ideal, menos de 10 MB y texturas de no más de 2048 × 2048.

  • Reduce triángulos con el simplificador de malla gratuito
  • Nuestro compresor de GLB usa meshopt y WebP; va bien para <model-viewer>, pero Scene Viewer no incluye ninguna de esas extensiones, así que pruébalo antes de usarlo allí
  • No hornees sombras en la textura; Scene Viewer añade las suyas cuando se coloca el objeto
  • Orienta la parte frontal del objeto hacia +Z para que reciba al espectador

Qué hacer y qué no con los modelos de realidad aumentada

Recomendado
  • Fotografía los productos con luz suave y uniforme: la textura sale de tu imagen
  • Genera modelos con textura para todo lo que vayan a ver los clientes
  • Define las dimensiones reales en metros antes de exportar
  • Prueba en un iPhone y un Android antes de lanzar
  • Ofrece una imagen alternativa para quienes no tienen AR
Evitar
  • No uses reflejos brillantes ni sombras duras en la foto original
  • No publiques un archivo de 50 MB en una página de producto
  • No dejes que la IA adivine la parte trasera de un producto fotografiado solo de frente
  • No esperes animación: los modelos son estáticos
  • No uses modelos de IA cuando las medidas exactas importen, como en una pieza que deba encajar

Límites honestos del contenido AR hecho con IA

La reconstrucción con IA es excelente para mostrar cómo es algo y qué tamaño tiene en una habitación. No es un escaneo medido: las proporciones son aproximadas, no exactas, y el texto pequeño de una etiqueta suele salir borroso. Si un comprador necesita saber si una caja cabe en una estantería de 40 cm, indica las dimensiones reales en la página junto al botón de AR.

Los modelos tampoco se mueven. No tienen esqueleto, así que no hay ciclos de caminata ni personajes animados; la exhibición estática es lo suyo. Para muebles en concreto, consulta el flujo de trabajo de diseño de interiores; para versiones impresas del mismo objeto, figurita a partir de una foto.

FAQ

Preguntas frecuentes

¿Qué formato de archivo usan los modelos 3D AR?

AR Quick Look de Apple en iPhone y iPad abre USDZ. Scene Viewer de Android y la mayor parte de la AR web, incluido el componente model-viewer de Google, cargan glTF 2.0 o GLB. SupaVoxel te da GLB gratis y USDZ en los planes de pago, y el conversor gratuito de GLB a USDZ convierte un GLB en USDZ en tu navegador.

¿Cómo veo un USDZ para AR en iPhone?

Ábrelo desde Safari, Mensajes, Mail, Noticias o Notas y tócalo; AR Quick Look muestra el objeto en 3D y te permite cambiar a AR. En una web, enlázalo con rel="ar" alrededor de una única imagen de vista previa y sírvelo con el tipo MIME model/vnd.usdz+zip.

¿Cómo abro un GLB en AR en Android?

Usa Scene Viewer de Google mediante un enlace intent a arvr.google.com/scene-viewer/1.0 con file= configurado con la URL HTTPS del GLB, o insértalo con model-viewer y el atributo ar, que abre Scene Viewer por ti. Mantenlo por debajo de unos 100.000 triángulos y 10 MB.

¿Los modelos 3D AR de SupaVoxel son gratis?

Puedes empezar con 3 créditos gratis, sin tarjeta. Un modelo sin textura cuesta 1 crédito y se descarga en GLB. Para AR normalmente querrás modelos con textura (3 créditos) y exportación USDZ, que requieren un plan de pago desde $25 al año por 400 créditos. El conversor de GLB a USDZ en sí es gratis.

¿Por qué mi modelo AR tiene un tamaño incorrecto?

Los modelos generados por IA salen a una escala arbitraria. glTF trata 1 unidad como 1 metro, así que define las dimensiones reales del objeto en Blender antes de exportar: un jarrón de 30 cm debe medir 0,3 unidades de alto. Luego bloquéalo con resizable=false en Scene Viewer o ar-scale="fixed" en model-viewer.

¿Puedo usar comercialmente modelos AR en una página de producto?

Sí, con cualquier plan de pago. La licencia comercial cubre páginas de producto y marketing, siempre que tengas los derechos de la foto que subiste, normalmente tu propia fotografía de producto. Comprueba que el modelo se vea fiel antes de ponerlo junto a un botón de compra.

¿Se pueden animar los modelos AR?

No. SupaVoxel crea mallas estáticas sin esqueleto ni animación. Scene Viewer y AR Quick Look pueden reproducir animaciones que ya existan en un archivo, pero antes tendrías que crear el esqueleto y animar el modelo en otra herramienta, por ejemplo Blender.

¿Un solo archivo funciona en AR en iPhone y Android?

En una web, sí. Incrusta el GLB con model-viewer de Google y el atributo ar. Sus ar-modes por defecto son webxr, scene-viewer y quick-look, y si no indicas ios-src genera un USDZ al vuelo para iPhone. Para compartirlo fuera de la web, por ejemplo en Mensajes, sigues necesitando un archivo USDZ aparte.

Empezar gratis

Pon tu producto en la habitación con modelos 3D en AR

Sube una foto, consigue un modelo con textura en minutos y exporta GLB y USDZ. 3 créditos gratis, sin tarjeta.

No se requiere tarjeta de crédito · 3 créditos gratis para empezar