--- title: "Personalizar la pantalla de lanzamiento de tu app" description: "Las pantallas de lanzamiento son las imágenes que aparecen al lanzar la app nativa para iOS y Android, mientras el contenido está cargando.  Para configu" canonical_url: "https://es.goodbarber.com/help/definir-la-identidad-visual-de-la-app-r87/personalizar-la-pantalla-de-lanzamiento-de-tu-app-a104/" lang: es --- # Personalizar la pantalla de lanzamiento de tu app Source: https://es.goodbarber.com/help/definir-la-identidad-visual-de-la-app-r87/personalizar-la-pantalla-de-lanzamiento-de-tu-app-a104/ Las pantallas de lanzamiento son las imágenes que aparecen al lanzar la app nativa para iOS y Android, mientras el contenido está cargando. Para configurar tu pantalla de lanzamiento: 1. Ve al menú izquierdo **Mi App > Pantalla de lanzamiento** ## 1. Pantalla de lanzamiento personalizada Para adaptar la imagen a los tamaños diferentes de dispositivos diferentes, necesitarás diferentes formatos. *Nota: Dependiendo del plan al que te suscribiste, solo las imágenes para las plataformas disponibles te serán solicitadas en tu back office.* 1 - Haz clic en la pestaña "**Splashscreen**" 2 - Crea los archivos para tus splashscreens en los tamaños siguientes*: - iOS : 1242 x 2688 pixels - Android : 1440 x 2560 pixels - Tablet : 2048 X 1536 px **Estos tamaños son el mínimo, si subes imágenes más grandes, las puedes recortar. - La resolución recomendada es de 72 dpi.* *- Aunque estas imágenes son un poco grande, siempre intenta optimizarlas, específicamente el peso, recuerda que la calidad de los redes móviles no es constate. -Evita texto pequeño en la parte inferior de la imagen, muchas veces no se puede leer en una pantalla smartphone.* ![](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28034924-27892111.jpg?v=1783005896.7873294) Para adaptarse a todos los diferentes modelos, las pantallas de lanzamiento móviles serán recortadas si es necesario para que sean perfectamente iguales a la pantalla del usuario sin distorsionar la imagen. El demo de abajo muestra la misma imagen en las diferentes maquetas. Las bandas rojas indican dónde fue recortada la imagen. ![](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28034924-29309143.jpg?v=1783005896.8153296) ## 2. El asistente Utiliza el asistente para crear tu pantalla de lanzamiento directamente desde el backend. 1 - Haz clic en la pestaña "**Asistente**" 2 - Crea tu pantalla de lanzamiento directamente desde tu back office: - Añade texto o una imagen ![](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28034924-27892113.jpg?v=1783005896.8313296) - Configura la fuente, color, y efectos de tu titulo y *substítulo* (en el ejemplo de arriba, el titulo es *Welcome*, y el *substítulo* es *Loading your app now*) - Puedes establecer un color de tu elección, o cargar una imagen. 3 - Haz clic en "**Generar**" ![](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28034924-27892114.jpg?v=1783005896.8433297) Si ya tienes tus pantallas de lanzamiento configuradas: - Haz clic en "**Continuar**" en la advertencia de color rojo para generar automáticamente todos los formatos necesarios para tu aplicación. ![](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28034924-27892115.jpg?v=1783005896.8513298) ¡Eso es todo, tu nueva pantalla de lanzamiento está creada! ![](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28034924-27892116.jpg?v=1783005896.8673298)