Grafica di presentazione Google Play: misure e consigli

La grafica di presentazione di Google Play è un’immagine da 1024 × 500 px, salvata come JPEG o come PNG a 24 bit senza canale alfa, che ogni app deve fornire prima di poter pubblicare la sua scheda dello Store. Google la mostra come immagine di copertina del video di anteprima (con un pulsante di riproduzione sopra), nelle raccolte di app in formato grande, annunci compresi, e nei gruppi di giochi consigliati in formato grande.

Le dimensioni della grafica di presentazione sono la parte facile. Il difficile è che Google la ritaglia, ci sovrappone elementi dell’interfaccia e la mostra in piccolo, quindi il design deve reggere tutte e tre le cose. Questa guida copre le specifiche, dove compare davvero la grafica oggi, l’area sicura e gli schemi di design che funzionano.

Quali sono le dimensioni e il formato della grafica di presentazione di Google Play?

Le specifiche, secondo la pagina di assistenza di Google sugli asset di anteprima, sono brevi:

Due cose fanno inciampare spesso. La prima: 1024 × 500 non è un formato predefinito comune, quindi i design fatti a 1920 × 1080 e poi ridimensionati finiscono con i bordi schiacciati o tagliati. Imposta l’area di lavoro a 1024 × 500 fin dall’inizio (o a un multiplo esatto, come 2048 × 1000, ed esporta in scala ridotta). La seconda: molti strumenti di design esportano di default i PNG a 32 bit con canale alfa, anche quando non c’è niente di trasparente. Play Console li rifiuta. Esporta in JPEG, oppure disattiva la trasparenza nelle impostazioni di export del PNG.

Per l’elenco completo delle dimensioni Android, compresi gli screenshot per telefono e tablet e il banner per Android TV, guarda il nostro riferimento sulle dimensioni degli screenshot per App Store e Play Store.

Dove compare la grafica di presentazione su Google Play?

Le guide più vecchie descrivono la grafica di presentazione come un grande banner in cima a ogni scheda. Non è più un quadro affidabile. L’attuale pagina di assistenza di Google indica tre posizioni:

• Come immagine di copertina del video di anteprima. Se aggiungi un video di anteprima da YouTube, la grafica di presentazione ne è il fotogramma di copertina. Quando il video non parte in automatico, Google ci sovrappone un pulsante di riproduzione.
• Nelle raccolte di app in formato grande, annunci compresi. Alcune superfici di Play mostrano gruppi di app come schede larghe, e quelle schede usano la grafica di presentazione.
• Nei gruppi di giochi consigliati in formato grande. Per i giochi, le righe di consigli che mescolano video di anteprima e screenshot mostrano anche la grafica di presentazione.

Quindi, a dirla tutta: per un’app senza video di anteprima, molti visitatori della tua scheda potrebbero non vedere mai la grafica di presentazione sulla scheda stessa. Conta soprattutto quando Google sceglie la tua app per un formato promozionale più grande, cioè proprio la situazione in cui vuoi che faccia bella figura. E visto che è obbligatoria, vale la pena farla bene una volta invece di caricare un segnaposto.

Qual è l’area sicura della grafica di presentazione?

Google non pubblica misure in pixel per l’area sicura. La pagina di assistenza mostra le zone di taglio come aree ombreggiate su uno schema e spiega la regola a parole:

• Tieni gli elementi visivi principali e il punto focale verso il centro della grafica.
• Non mettere gli elementi chiave (gli esempi di Google: logo del brand, nome dell’app, slogan principale e interfaccia principale) nelle zone di taglio vicino ai bordi.
• Limita gli elementi di sfondo ai bordi.
• Aspettati in alcuni formati altri elementi dell’interfaccia sovrapposti, come il pulsante di riproduzione.

Google è esplicita su cosa c’è in gioco: non rispettare il punto focale e le zone di taglio «può comportare la non idoneità a comparire in questi formati». In altre parole, una grafica con il logo schiacciato in un angolo non ti farà rifiutare la scheda, ma può costarti in silenzio la presenza nelle raccolte in formato grande.

Una regola pratica per l’area sicura

Visto che Google non dà numeri esatti, noi progettiamo con un margine prudente: tutto ciò che va letto sta nella parte centrale dell’area di lavoro, con margini generosi su tutti e quattro i lati, e niente di importante sta dove finirebbe un pulsante di riproduzione rotondo, proprio in mezzo. Riempi la fascia esterna con colore, texture o un pezzo di interfaccia ritagliato che sta bene anche se viene tagliato. Poi controlla il risultato guardandolo a circa 300 px di larghezza; se non riesci a leggere le parole, sono troppo piccole.

Quanto testo dovrebbe avere una grafica di presentazione?

Meno di quanto pensi. Le best practice di Google per la scheda dello Store dicono di «ridurre al minimo l’uso del testo» e di tenere gli elementi importanti verso il centro, e le linee guida sugli asset di anteprima avvertono di non sovraccaricare la grafica con dettagli sottili che «non saranno visibili su molti schermi di telefono».

Cosa tende a funzionare:

• Una riga, due al massimo. Il nome dell’app più una breve frase sul vantaggio, per esempio «Il budget in due tocchi» o «Pianifica i pasti della settimana».
• Caratteri grandi. Se la grafica viene mostrata a un terzo della sua dimensione, un font da 24 px diventa da 8 px. Come punto di partenza, noi terremmo il titolo a 60 px o più sull’area da 1024 × 500.
• Testo localizzato. Google consiglia di localizzare il testo della grafica e del brand per ogni mercato. Se non riesci a gestire versioni tradotte, una grafica con solo il nome dell’app (che di solito non cambia) viaggia meglio di una con uno slogan in inglese.
• Niente ripetizioni. Le linee guida di Google chiedono di non duplicare i messaggi tra descrizione breve, screenshot, grafica di presentazione e video, perché potrebbero essere mostrati uno accanto all’altro.

Cosa non mettere in una grafica di presentazione di Google Play

Le linee guida di Google sugli asset di anteprima elencano diversi elementi da evitare nelle grafiche. Alcuni vengono dalle norme sui metadati, che sono vincolanti; altri sono indicazioni che influiscono su come vengono promossi i tuoi asset. Messi insieme:

Il punto sulle immagini di dispositivi sorprende, perché la cornice del telefono è la scelta predefinita per gli screenshot su App Store. Nella grafica di presentazione, Google preferisce vedere la tua interfaccia vera, un’illustrazione o il mondo del tuo brand senza un telefono specifico attorno. Se vuoi mostrare l’interfaccia, ritaglia una schermata chiave e mettila piatta o leggermente inclinata, senza cornice.

Schemi di design per la grafica di presentazione che funzionano

Guardando tante schede di Play mentre costruivamo Launch Shots, abbiamo visto che la maggior parte delle buone grafiche di presentazione ricade in uno di quattro schemi. Scegline uno: è mescolandoli che nasce il disordine.

1. Marchio su colore

Il tuo logo o il nome dell’app, al centro, su un colore di sfondo deciso preso dall’icona, con un motivo leggero verso i bordi. È l’opzione più sicura: niente di importante vicino alle zone di taglio, nessun testo da tradurre oltre al nome, e si legge a qualsiasi dimensione. È adatta alle utility e alle app il cui nome spiega già il prodotto.

2. Frase sul vantaggio più un pezzo di interfaccia

Una breve frase sul vantaggio da un lato del centro e un pezzo ritagliato di interfaccia vera (un grafico, una scheda, una mappa) dall’altro, entrambi dentro l’area centrale. È lo schema che vende di più, quindi si adatta alle app in cui è l’interfaccia stessa a fare da prova, come finanza, fitness e produttività. Tieni il ritaglio dell’interfaccia abbastanza grande da essere riconoscibile; una schermata intera rimpicciolita per farla stare è illeggibile.

3. Illustrazione o key art

Giochi e app di contenuti usano spesso la key art: personaggi, una scena o un’illustrazione principale con il logo al centro. Le righe di giochi consigliati mettono la grafica accanto a video e screenshot, quindi qui il punto focale al centro conta ancora di più. Assicurati che i volti dei personaggi non stiano sui bordi, dove potrebbero essere tagliati.

4. Copertina del video

Se hai un video di anteprima, progetta la grafica di presentazione come sua copertina: un’immagine forte con una zona vuota ben chiara al centro per il pulsante di riproduzione. Evita di mettere il titolo proprio al centro, dove il pulsante lo coprirebbe.

Come creare una grafica di presentazione

1. Imposta un’area di lavoro da 1024 × 500 (o da 2048 × 1000 per lavorare a 2×).
2. Segna un’area sicura centrale con le guide e tieni testo, logo e interfaccia al suo interno.
3. Scegli lo sfondo dalla palette della tua icona, evitando bianco, nero o grigio scuro pieni.
4. Aggiungi al massimo una riga di testo, a caratteri grandi, poi guarda l’anteprima a circa 300 px di larghezza.
5. Esporta senza livelli: JPEG, oppure PNG con la trasparenza disattivata.
6. Scrivi il testo alternativo descrivendo la grafica in una frase.
7. Caricala in Play Console nella scheda dello Store principale, e aggiungi le versioni localizzate per le lingue in cui il testo cambia.

Va bene qualsiasi strumento di design. Se produci già i tuoi screenshot per Play con un generatore, di solito ha senso creare la grafica di presentazione nello stesso posto, così colori e caratteri combaciano. Il nostro generatore di screenshot per il Play Store esporta la grafica di presentazione nella misura giusta insieme agli screenshot per telefono e tablet, e il caricamento diretto su Google Play Console ti evita il giro esporta-e-ricarica. Tanti team la fanno anche in Figma o Canva; le specifiche sono le stesse in ogni caso.

La grafica di presentazione deve somigliare agli screenshot?

Deve sembrare della stessa famiglia, non una copia. Google consiglia di usare elementi, stili e temi di colore simili o complementari in tutte le grafiche della scheda, e nello stesso momento sconsiglia di duplicare i messaggi. In pratica: stessi colori e stesso carattere, messaggio diverso. Se il tuo primo screenshot dice «Traccia ogni spesa in automatico», la grafica di presentazione può portare il brand e un’idea più ampia come «Soldi, in ordine».

Per la parte di screenshot del set, le nostre guide su come creare gli screenshot per gli store e sulle best practice per gli screenshot parlano di struttura e titoli, e quasi tutto vale anche per Google Play.

In breve

• Dimensioni: 1024 × 500 px. Formato: JPEG o PNG a 24 bit, senza canale alfa. Obbligatoria per pubblicare.
• Mostrata come copertina del video, nelle raccolte di app in formato grande e negli annunci, e nelle righe di giochi consigliati.
• Tutto ciò che è importante va al centro; i bordi sono per lo sfondo.
• Al massimo una riga breve di testo grande, localizzata dove cambia.
• Niente cornici di dispositivi, badge degli store, affermazioni tipo «#1» o «Gratis», né inviti all’azione.
• Riprendi lo stile degli screenshot, non le loro parole.
• Testa le varianti con gli esperimenti sulla scheda dello Store quando la scheda ha traffico. Se vuoi provarlo anche sugli screenshot, leggi come fare test A/B degli screenshot sugli store.