---
title: "Personalizzare la schermata di avvio della tua app"
description: "Gli splash screen sono le immagini che appaiono all'avvio dell'app nativa iOS e Android mentre il contenuto si sta caricando.   Per impostare la schermata di av"
canonical_url: "https://it.goodbarber.com/help/definire-l-identita-visiva-dell-app-r87/personalizzare-la-schermata-di-avvio-della-tua-app-a104/"
lang: it
---

# Personalizzare la schermata di avvio della tua app

Source: https://it.goodbarber.com/help/definire-l-identita-visiva-dell-app-r87/personalizzare-la-schermata-di-avvio-della-tua-app-a104/

Gli splash screen sono le immagini che appaiono all'avvio dell'app nativa iOS e Android mentre il contenuto si sta caricando.

Per impostare la schermata di avvio:
1. Vai al menu a scorrimento di sinistra **La mia app > Schermata iniziale**

## 1. Splash screen personalizzati

Per adattare l'immagine a varie dimensioni di dispositivi diversi, hai bisogno di formati differenti.
*Nota: a seconda del piano a cui sei iscritto, nel tuo back office verranno richieste solo le immagini per le piattaforme disponibili.*

1. Clicca sulla scheda "**Splash screen**"
2. Crea i tuoi file splash screen con le seguenti dimensioni *:
- iOS : 1242 x 2688 pixel
- Android : 1440 x 2560 pixel
- Tablet : 2048 X 1536 pixel

* *- Tali dimensioni sono il minimo richiesto, se carichi immagini più grandi, sarai in grado di ritagliarle.
- La risoluzione consigliata è 72 dpi.
- Se carichi un'immagine più piccola, verrà aggiunto uno sfondo nero per riempire lo spazio vuoto (l'immagine viene mantenuta nelle dimensioni originali + sfondo nero)*
*- Sebbene queste immagini siano abbastanza grandi, cerca sempre di ottimizzarle, in particolare il peso, ricorda che la qualità delle reti mobile non è costante.*

- *Evita caratteri piccoli nella parte inferiore dell'immagine, perché sono spesso illeggibili sullo schermo di uno smartphone.*

![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28036896-27895256.jpg?v=1782224705.539704)

Per adattarsi a tutti i diversi modelli, gli splash-screen mobile verranno ritagliati, se necessario, per adattarsi perfettamente allo schermo dell'utente senza distorcere l'immagine.
La demo qui sotto mostra la stessa immagine su tutti i diversi prototipi.
Le bande rosse indicano dove è stata ritagliata l'immagine.

![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28036896-29306887.jpg?v=1782224705.5597043)

## 2. Procedura guidata

Usa la Procedura guidata per creare i tuoi splash screen direttamente dal back office.
1. Clicca sulla scheda **Procedura guidata**
2. Crea le tue icone direttamente dal back office:
- Aggiungi un testo o un'immagine

![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28036896-27895258.jpg?v=1782224705.5677042)

- Imposta il carattere, il colore e gli effetti del tuo titolo e della tua baseline (nell'esempio sopra, il titolo è "*Welcome*", la baseline è "*Loading your app now"*)
- Seleziona un colore per lo sfondo o aggiungi un'immagine di sfondo
3. Clicca su "**Genera**"

![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28036896-27895259.jpg?v=1782224705.5797043)

Se hai già impostato le schermate di avvio:
- Clicca "**Continua**" nell'avviso in rosso, per generare automaticamente tutti i formati necessari per la tua app.

![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28036896-27895260.jpg?v=1782224705.5837042)

Il tuo splash screen è stato creato!

![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28036896-27895261.jpg?v=1782224705.5877044)