---
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/shop/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/shop/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 px landscape

*-*Tali dimensioni sono il minimo richiesto, se carichi foto più grandi, sarai in grado di ritagliarle.
- La risoluzione consigliata è 72 dpi.
- 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/1878436/art/default/34457507-31501296.jpg?v=1774274219.7817082)

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/1878436/art/default/34457507-31501297.jpg?v=1774274219.7897084)

## 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/1878436/art/default/34457507-31501298.jpg?v=1774274219.8257084)

- 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/1878436/art/default/34457507-31501299.jpg?v=1774274219.8417084)

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/1878436/art/default/34457507-31501300.jpg?v=1774274219.8457086)

Il tuo splash screen é stato creato!