Análisis / Web 3D y comercio
Safari 27 y la etiqueta model: qué aporta al 3D en la web
Safari 27 permite integrar un modelo 3D con un elemento HTML nativo. Es una opción interesante para fichas de producto, siempre que la experiencia siga funcionando en los demás navegadores.
Qué ha añadido Safari 27
WebKit anunció el 17 de septiembre de 2026 la llegada del elemento HTML model a Safari en iOS, iPadOS y macOS, después de su incorporación a visionOS.
El elemento permite incrustar contenido 3D en la página y definir fuentes alternativas. WebKit muestra un ejemplo con USDZ, GLB y una imagen de reserva, además de opciones para iluminación e interacción.
Esto abre una vía nativa para mostrar objetos. No convierte automáticamente una ficha de producto en un configurador completo.
Qué sigue necesitando un configurador
Cambiar acabados, controlar combinaciones válidas, mostrar medidas o vincular una selección al pedido exige lógica de aplicación y datos de producto.
Antes de cambiar un visor existente, enumera las funciones que debe conservar. Un giro del objeto puede ser suficiente para una ficha sencilla; una venta configurable requiere más comprobaciones.
| Necesidad | Prueba que conviene hacer |
|---|---|
| Mostrar el producto | Escala, materiales e iluminación |
| Cambiar variantes | Correspondencia con las opciones reales |
| Utilizar el teclado | Acceso a controles y salida del componente |
| Cargar en móvil | Tiempo de espera, memoria y estabilidad |
| Continuar sin soporte 3D | Imagen, información y compra disponibles |
Diseña una alternativa desde el principio
No deduzcas compatibilidad universal a partir de una versión de Safari. Comprueba las versiones y dispositivos que utiliza tu público, además de los navegadores integrados en otras aplicaciones.
La página debe seguir explicando el producto si la función no está disponible o el modelo falla al cargar. Una imagen y las características esenciales pueden ofrecer una salida útil; si necesitas interacción más amplia, conserva una ruta compatible probada.
Detectar que existe una API es solo una parte de la prueba. También hay que comprobar el archivo y las funciones concretas que usarás.
Prueba el mismo producto en todos los destinos
Exporta desde un original editable y revisa cada formato. Las diferencias de materiales, transparencia o iluminación pueden cambiar la apariencia entre visores.
Evita cargar dos versiones completas del objeto sin necesidad. Mide la descarga inicial y lo que ocurre cuando el usuario activa la vista 3D.
Para definir esas pruebas, utiliza nuestra guía de límites y rendimiento de un visor 3D móvil. Si distribuyes el catálogo en varias plataformas, consulta cómo preparar un modelo para distintos canales.
Para preparar esas pruebas con vuestro catálogo, cuéntanos en qué dispositivos se abre hoy vuestra ficha de producto.
Fuentes
Comprobado el 20 de septiembre de 2026