Si tienes una tienda en Shopify y quieres mostrar productos con modelos 3D, te interesa prestar atención a esta novedad. Shopify acaba de publicar la misma herramienta que usan internamente para optimizar modelos 3D, y es completamente gratis.
Por qué esto importa para tu tienda
La visualización de productos en 3D es cada vez más importante para los comercios online. Ya sea que vendas muebles, electrónica o artículos de moda, permitir que los clientes vean los productos desde todos los ángulos puede aumentar significativamente la tasa de conversión. Sin embargo, siempre ha habido un gran desafío: el tamaño del archivo.
Today @Shopify is open sourcing the tool we use for optimizing glTF 3D models.
🔧 Tweak compression settings per texture
⚡ See changes immediately
🧰 Mesh compression options
🌐 Hosted online & free👇 Check the thread for details pic.twitter.com/HNgcXaxWxn
— Daniel Beauchamp (@pushmatrix) July 31, 2025
Los archivos 3D grandes provocan tiempos de carga lentos, lo que frustra a los clientes y perjudica el rendimiento de tu tienda. Hasta ahora, la mayoría de las herramientas de optimización han seguido un enfoque único para todo, comprimiendo todas las texturas de la misma manera. Esto a menudo terminaba en archivos que seguían siendo demasiado pesados o en modelos que se veían fatal.
Qué hace diferente a la herramienta de Shopify
El nuevo glTF Compressor (disponible en gltf-compressor.com) resuelve este problema con una función que cambia las reglas del juego: control de compresión por textura.
Esto es lo que puedes hacer:
- Ajustar la compresión de forma individual para cada textura – Tus normal maps (que definen los detalles de la superficie) pueden mantener una mayor calidad, mientras que texturas menos críticas como los mapas de oclusión ambiental pueden comprimirse de forma más agresiva
- Ver los cambios al instante – No necesitas exportar tu modelo una y otra vez para probar distintos ajustes
- Comparar el original y el comprimido lado a lado – Toma decisiones informadas sobre el equilibrio entre calidad y tamaño
- Acceder a opciones de compresión de malla – Optimiza no solo las texturas, sino también la geometría 3D en sí
Cómo usarla en tu tienda
- Visita la herramienta en gltf-compressor.com – está alojada online y es completamente gratis
- Sube tu modelo 3D en glTF – Es el formato estándar para contenido 3D en la web
- Ajusta la compresión de cada textura de forma individual
- Previsualiza los cambios en tiempo real para asegurarte de que la calidad cumple tus estándares
- Descarga el modelo optimizado cuando estés conforme con el resultado
Impacto en el mundo real: el ejemplo de Horizon Drive
Para demostrar el potencial de esta herramienta, Shopify creó Horizon Drive: un juego de carreras totalmente funcional construido con Three.js y React. A pesar de ser una experiencia 3D compleja, el juego completo pesa menos de 10 MB gracias a una optimización cuidadosa con esta misma herramienta.
Lo más impresionante es cómo lo construyeron:
- No hicieron falta librerías de físicas
- No hubo cálculos costosos de raycasting
- Detección de colisiones de la pista usando normales y tangentes basadas en splines
- Rendimiento excepcional en dispositivos estándar
Shopify just launched a racing game built in threejs and React (R3F).
No physics libraries. No raycasts.
Not vibe coded. But all vibes. ✨ pic.twitter.com/37WT2gMgpF
— Daniel Beauchamp (@pushmatrix) May 22, 2025
Puedes probarlo tú mismo como un easter egg en la página de Summer 2025 Editions de Shopify.
El equipo detrás de la herramienta
Esta potente herramienta de optimización fue creada por un equipo talentoso en Shopify, incluyendo a Daniel Beauchamp (@pushmatrix), Diego Macario (@maca_graphics), brennan (@letkma) y otros colaboradores.
Son los mismos desarrolladores que construyeron el impresionante juego de carreras Horizon Drive, lo que demuestra su gran experiencia en experiencias 3D para la web. Su decisión de liberar como código abierto esta herramienta interna muestra el compromiso de Shopify con ofrecer a los merchants recursos de nivel profesional.
Por qué el código abierto importa
Al liberar esta herramienta como código abierto (código disponible en github.com/shopify/gltf-compressor), Shopify te da acceso a la misma tecnología de optimización que usan para sus propias experiencias 3D de alto rendimiento. Esto significa:
- Sin dependencia de un proveedor – Tus archivos optimizados son tuyos
- Mejoras de la comunidad – Desarrolladores de todo el mundo pueden aportar mejoras
- Transparencia – Puedes ver exactamente cómo se procesan tus modelos
- Potencial de personalización – Los merchants con perfil técnico pueden adaptar la herramienta a necesidades específicas
Mejores prácticas para tus modelos 3D
Al usar glTF Compressor para los modelos 3D de tu tienda, ten en cuenta estos consejos:
- Empieza con modelos de alta calidad – La herramienta optimiza el contenido existente; no puede mejorar una mala calidad de origen
- Prueba en distintos dispositivos – Lo que se ve bien en tu ordenador de gama alta puede ir justo en los móviles de tus clientes
- Equilibra calidad y rendimiento – A veces es mejor un archivo un poco más grande que cargue de forma fiable que uno ultra comprimido que se vea mal
- Ten en cuenta a tu audiencia – Los artículos de moda pueden necesitar mayor calidad de textura que el equipamiento industrial
Empieza hoy mismo
Si ya estás usando modelos 3D en tu tienda Shopify, prueba a pasarlos hoy por este optimizador. Es probable que veas reducciones importantes en el tamaño del archivo sin una pérdida de calidad apreciable. Si todavía no has añadido visualización 3D a tu tienda, esta herramienta elimina una de las mayores barreras de entrada.
La combinación de las capacidades de AR de Shopify y esta nueva herramienta de optimización significa que nunca ha habido un mejor momento para mejorar tus páginas de producto con contenido 3D interactivo. Tus clientes agradecerán poder examinar los productos al detalle, y tu tienda se beneficiará del mayor engagement y de una menor tasa de rebote que aportan las experiencias 3D de alta calidad y carga rápida.
¿Listo para optimizar tus modelos 3D? Entra en gltf-compressor.com y comprueba la diferencia por ti mismo.
