---
title: "Configurare le icone principali dell'app"
description: "La fase Icona è obbligatoria per generare le tue applicazioni native ed evidenziare il tuo marchio.  Dovresti integrare un'icona che illustrerà la tua Progressi"
canonical_url: "https://it.goodbarber.com/help/shop/definire-l-identita-visiva-dell-app-r87/configurare-le-icone-principali-dell-app-a105/"
lang: it
---

# Configurare le icone principali dell'app

Source: https://it.goodbarber.com/help/shop/definire-l-identita-visiva-dell-app-r87/configurare-le-icone-principali-dell-app-a105/

La fase Icona è obbligatoria per generare le tue applicazioni native ed evidenziare il tuo marchio.
Dovresti integrare un'icona che illustrerà la tua Progressive Web App (PWA) e le tue app native.

L'icona è un elemento visivo chiave della tua app. I browser Web la usano come una favicon, viene visualizzata nelle notifiche push per identificare il mittente e viene mostrata nella schermata principale del telefono.

***Nota**: A seconda del piano al quale sei iscritto/a, verranno richieste solo le immagini per le piattaforme disponibili nel tuo back office.*

Per configurare le tue icone:
1. Vai al menu a scorrimento di sinistra **La mia App > Icona dell'app**
2. Clicca su "**Icona**" nella colonna di destra

![](https://cmsphoto.ww-cdn.com/superstatic/1878436/art/default/34457506-31501289.jpg?v=1773936728.3921738)

## 1. Icone personalizzate

1. Clicca sulla scheda**personalizzata**

2. **Crea le tue icone** seguendo le giuste dimensioni ed il formato specificato. Assicurati di avere i file sul tuo computer

3. **Caricali**nel tuo back office

*** Dimensioni e formato:
PWA:**
- Logo del sito: 512 X 512 px (.jpg, .jpeg o .png)
- Icona Apple Touch : 192 X 192 px (.jpg, .jpeg o .png)
- Icona Push : 72 X 72 px (.jpg, .jpeg o .png) - **Attenzione, questa icona dev'essere file .png monocromatico su sfondo trasparente.**
- Favicon: 48 X 48 px (.jpg, .jpeg or .png)

**Android:**
- Google Play : 512 X 512 px (.jpg, .jpeg o .png)
-Schermata iniziale : 192 X 192 px (.jpg, .jpeg o .png)
- Icona push : 72 x 72 px - **Attenzione, l'icona dev'essere un file png, di colore bianco (#FFFFFF) su sfondo trasparente ( non verrà accettato nessun altro colore, questo per rispettare le normative previste da Android).**

**iOS:**
- App Store : 1024 X 1024 px, (.png)*Attenzione, png trasparenti non sono ammesse da Apple.*
- Schermata iniziale : 180 X 180 px (.jpg, .jpeg o .png)

![](https://cmsphoto.ww-cdn.com/superstatic/1878436/art/default/34457506-31501290.jpg?v=1773936728.428174)

## 2. Procedura guidata

Usa la Procedura guidata per creare le tue icone 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/34457506-31501291.jpg?v=1773936728.464174)

- Seleziona un colore per lo sfondo o aggiungi un'immagine di sfondo
- Imposta il carattere, il colore e gli effetti del tuo testo

3. Clicca su "**Genera**"

![](https://cmsphoto.ww-cdn.com/superstatic/1878436/art/default/34457506-31501292.jpg?v=1773936728.484174)

4. Se hai già impostato le icone, conferma cliccando su "**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/34457506-31501293.jpg?v=1773936728.4881742)

## 3. Il titolo

**Questo titolo apparirà sotto l'icona della tua app una volta installata sui dispositivi degli utenti.**
Per questo motivo, é meglio non inserire un titolo lungo. In questo esempio, il titolo é "My App".

![](https://cmsphoto.ww-cdn.com/superstatic/1878436/art/default/34457506-31501294.jpg?v=1773936728.5281742)