Visor 3D de producto para la web: tu máquina en 3D fotorrealista, sin CAD
Un visor 3D de producto es un componente de la web que muestra un producto en tres dimensiones para que el cliente lo gire y lo mire desde cualquier ángulo en el navegador, sin instalar nada. El de CoreVektor usa una captura fotorrealista hecha a partir de un vídeo de la máquina real, sin necesidad de CAD.
Actualizado el 18 de octubre de 2026
Qué es un visor 3D de producto (y por qué no es un visor de archivos STL)
Quien busca «visor 3D» puede querer dos cosas muy distintas. Una es abrir un archivo: el ingeniero que recibe un STL o un STEP y quiere ver la pieza, medirla o prepararla para imprimir. La otra es enseñar un producto: el fabricante que quiere que su cliente vea la máquina como si la tuviera delante, en la ficha de su web. Esta página va de lo segundo.
| Visor de archivos 3D | Visor 3D de producto | |
|---|---|---|
| Para qué sirve | Revisar la geometría, medir, preparar una impresión | Enseñar el producto y ayudar a decidir la compra |
| Quién lo usa | Ingeniería, oficina técnica, proveedores | Clientes, distribuidores y comerciales |
| Qué muestra | La forma: un STL guarda solo triángulos, sin color ni materiales | El aspecto real: colores, acabados, etiquetas y detalles |
| Dónde funciona | En un programa instalado, con un archivo descargado | Dentro de la página web, en el navegador |
| Qué necesitas | El archivo CAD o de malla | Con Gaussian Splatting, un vídeo del producto real |
Tampoco es lo mismo que una foto de 360 grados. El 360 clásico encadena fotos tomadas alrededor del producto, y normalmente solo se puede girar dentro de ese recorrido. En un visor 3D puedes rodear el producto, acercarte y mirarlo desde arriba o desde abajo.
Fotorrealista sin modelos CAD: Gaussian Splatting explicado
El Gaussian Splatting es una forma de representar un objeto en 3D a partir de fotos o de vídeo. En vez de construir una malla de triángulos con una textura encima, el objeto se describe como una nube de muchísimos elipsoides pequeños y semitransparentes. Cada uno tiene su posición, su tamaño, su orientación, su color y su opacidad. Uno a uno no son nada; superpuestos, reproducen la máquina con su aspecto real. Así se hace:
- 1
Se graba el producto. Un vídeo dando la vuelta a la máquina, para que cada lado aparezca en muchas imágenes.
- 2
Se calcula desde dónde se tomó cada imagen. Del vídeo se sacan fotogramas, y comparando los puntos que se repiten entre ellos se calcula la posición de la cámara en cada uno.
- 3
Se ajustan los elipsoides. Un proceso de optimización coloca, deforma y colorea los elipsoides hasta que la escena, vista desde cada una de esas cámaras, coincide con la foto original.
- 4
Se dibuja en tiempo real. En el navegador, la tarjeta gráfica del ordenador o del móvil proyecta y mezcla los elipsoides en cada fotograma mientras el cliente gira el producto.
Por eso el resultado es fotorrealista: no es un modelo dibujado por alguien, sino la apariencia del producto real. Además, el color de cada elipsoide puede variar según el ángulo desde el que se mira, lo que ayuda a reproducir brillos y reflejos que en una malla con textura suelen quedar planos.
Conviene saber también lo que no es. Una captura de Gaussian Splatting reproduce el exterior que se ve en el vídeo, no la geometría de ingeniería: no sirve para medir con precisión ni para fabricar, y no se puede desmontar en piezas. Para despiezar un conjunto en 3D hace falta el CAD; para enseñar la máquina tal como es, basta el vídeo.
Unos consejos que valen para cualquier captura de este tipo:
- Luz uniforme. Sin sol directo ni sombras duras que cambien mientras se graba.
- Nada que se mueva. Ni personas ni objetos pasando por detrás: la reconstrucción supone que la escena está quieta.
- Todos los lados. Una vuelta completa a varias alturas; lo que no sale en el vídeo no aparecerá en el 3D.
- Cuidado con cristales y cromados. Las superficies transparentes o muy reflectantes son las más difíciles de reconstruir.
Cómo se integra en tu web y en la de tus distribuidores
El visor no es una aplicación aparte: va dentro de la ficha del producto, con la misma etiqueta script del widget para distribuidores. Cada web lo muestra con su marca y su color, y el atributo data-show3d permite mostrar u ocultar la vista 3D en cada una. El fabricante publica la captura una vez y aparece en toda la red.
En la demo tienes un cortacésped autoportante capturado en 3D real. Los productos, los precios y los boletines de esa demo son de ejemplo; la captura 3D es real. Allí puedes probar tus colores y copiar el código para tu web.
El visor tiene además un botón «Ver en VR»: desde el navegador de un visor de realidad virtual compatible, el producto se ve en modo inmersivo.
Carga y rendimiento en el móvil
Una captura 3D pesa más que una foto, y buena parte de tus clientes la va a abrir desde el móvil, a veces en una nave con poca cobertura. El visor de CoreVektor funciona en el navegador del móvil, sin apps ni plugins. Más allá de eso, hay buenas prácticas que valen para cualquier visor 3D en una web:
- Que el 3D no frene la página. La ficha tiene que mostrarse con su foto y su texto aunque el 3D tarde algo más: quien solo quiere la referencia no debe esperar.
- Que solo se vea el producto. Dejar fuera el fondo de la captura aligera la escena y centra la atención en la máquina.
- Que se pueda quitar. En las webs donde no aporta,
data-show3d="false"lo desactiva en el widget. - Que se pruebe en un móvil normal. No en el portátil de la oficina con fibra, sino en un móvil de gama media y con datos móviles, que es como lo verá un taller.
Lo más rápido es comprobarlo tú: abre la demo en tu móvil.
3D, despiece y búsqueda: del producto a la pieza
El 3D ayuda a vender la máquina. Después de la compra se busca otra cosa: la pieza que se ha roto. Por eso en CoreVektor el visor no va solo. La captura enseña el exterior; el despiece interactivo enseña lo de dentro, con sus posiciones y referencias, en 2D extraído del PDF del catálogo o en 3D si hay CAD; y el buscador con IA lleva del síntoma a la pieza, con la página del manual que lo respalda. Desde el despiece, la pieza va al carrito y al pedido.
Puedes ver los dos casos en el despiece en vivo: una bomba de vacío real reconstruida desde su CAD, con 31 piezas con su referencia de fábrica, en sus tres tamaños y dos sentidos de giro, y el despiece 2D de un cortacésped, con la lámina y el 3D sincronizados por número de posición.
Ver productos en 3D en Google y en otras plataformas
Google enseña algunos resultados en 3D desde el móvil cuando quien publica el contenido le ha dado un modelo en el formato que admite, y hay programas para comercios que aceptan modelos 3D de producto. Suelen pedir un modelo de malla (por ejemplo, glTF o GLB) y sus requisitos cambian según el país y el tipo de producto, así que conviene revisar la documentación oficial de cada plataforma antes de preparar archivos.
Una captura de Gaussian Splatting no es una malla, así que no se sube tal cual a esos programas. Tampoco hace falta para lo principal: que el cliente vea la máquina en 3D en tu web y en la de tus distribuidores, que es donde decide y pide. Para que esas fichas se encuentren, CoreVektor las publica con datos estructurados schema.org (Product y BreadcrumbList), sitemap y llms.txt, y permite el acceso a los rastreadores de IA, de modo que pueden leerse y citarse en ChatGPT, Perplexity o Gemini.
Preguntas frecuentes
¿Qué es el visor 3D?
Un visor 3D es un programa o un componente web que muestra un objeto en tres dimensiones y permite girarlo, acercarlo y mirarlo desde cualquier ángulo. Hay visores de archivos, para abrir modelos CAD o STL, y visores de producto, que se integran en una web para enseñar el producto al cliente. El de CoreVektor es de los segundos y usa capturas fotorrealistas.
¿Cómo crear un visor 3D?
Hay dos caminos: programarlo con una librería gráfica para navegador, partiendo de un modelo 3D que ya tengas, o usar una plataforma que se encargue de la captura y la publicación. Con CoreVektor se parte de un vídeo del producto real: se reconstruye en 3D con Gaussian Splatting y se publica en tu web y en la de tus distribuidores con una etiqueta script.
¿Cómo ver cosas en 3D en Google?
Desde el móvil, Google muestra algunos resultados con la opción de verlos en 3D, cuando quien publica el contenido ha aportado un modelo en el formato que admite. No está disponible para todos los productos ni en todos los países. Para que tu máquina se vea en 3D sin depender de eso, lo práctico es ponerla en tu propia web con un visor de producto.
¿Qué aplicación puedo usar para ver objetos en 3D?
Para abrir archivos como STL, OBJ o STEP sirve el propio programa de CAD o un visor de archivos 3D de escritorio, y los hay gratuitos. Para que tus clientes vean tus productos, lo mejor es no pedirles ninguna aplicación: un visor web los muestra en el navegador del ordenador o del móvil. El de CoreVektor funciona así, sin apps ni plugins.
¿Necesito los modelos CAD de mi máquina?
Para el visor, no. La captura con Gaussian Splatting se hace a partir de un vídeo del producto real. El CAD solo hace falta si quieres despiezar el conjunto en 3D; para el despiece 2D basta con el PDF del catálogo.
¿Se puede ver el producto en realidad virtual?
Sí. El visor tiene un botón «Ver en VR»: si abres la página desde el navegador de un visor de realidad virtual compatible, el producto se ve en modo inmersivo. En el ordenador y en el móvil se usa como un visor 3D normal, girándolo con el ratón o con el dedo.