--- title: "Personalizar la pantalla de lanzamiento de tu app" description: "Pantallas de lanzamiento son imágenes que aparecen al lanzar la app nativa iOS y Android, mientras el contenido esta cargando.  Para configurar tu pantal" canonical_url: "https://es.goodbarber.com/help/shop/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/shop/definir-la-identidad-visual-de-la-app-r87/personalizar-la-pantalla-de-lanzamiento-de-tu-app-a104/ Pantallas de lanzamiento son imágenes que aparecen al lanzar la app nativa iOS y Android, mientras el contenido esta 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 diferentes tamaños de dispositivos distintos, necesitarás diferentes formatos. *Nota: Dependiendo sobre el plan al que te subscribiste, solo imágenes para las plataformas disponibles se necesitarán 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 - Tablets: paisaje 2048 X 1536 px paisaje **Estos tamaños son el mínimo requerido, si subes fotos más grandes, las puedes recortar. - Si sube una imagen más pequeña, un fondo negro es añadido para rellenar el vacío (su imagen se mantiene en el tamaño original + fondo negro) - Resolución mínima recomendada es de 72 dpi. - Aunque estas imágenes son un poco grande, siempre intente optimizarlas, específicamente el peso, recuerda que la cualidad 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/1878438/art/default/34457977-31503447.jpg?v=1774018693.6238708) Para podar adaptar a los diferentes modelos, las pantallas de lanzamiento móviles serán recortadas si es necesario para que sean perfectamente igual a la pantalla del usuario sin distorsionar la imagen. El demo abajo muestra la misma imagen en las maquetas diferentes . Las bandas rojas indican dónde fue recortada la imagen. ![](https://cmsphoto.ww-cdn.com/superstatic/1878438/art/default/34457977-31503448.jpg?v=1774018693.631871) ## 2. El asistente Utiliza el asistente para crear tu pantalla de lanzamiento directamente desde el Back Office. 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/1878438/art/default/34457977-31503449.jpg?v=1774018693.667871) - Configura la fuente, color, y efectos de tu titulo y *baseline* (en el ejemplo de arriba, el titulo es *Welcome*, y el *baseline* 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/1878438/art/default/34457977-31503450.jpg?v=1774018693.6838713) 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/1878438/art/default/34457977-31503451.jpg?v=1774018693.6918712) Eso es todo, tu nueva pantalla de lanzamiento esta creada!