Devi fornire diversi tipi di immagini da utilizzare nel Chrome Web Store:
Sono obbligatori solo l'icona dell'estensione, una piccola immagine promozionale e uno screenshot. Tuttavia, fornire versioni accattivanti di immagini obbligatorie e facoltative aumenta le probabilità che le estensioni vengano notate. Ad esempio, l'estensione non può essere inserita nella cornice intermittente, a meno che non venga fornita un'immagine promozionale della cornice intermittente.
Puoi migliorare le prestazioni del tuo elemento nel Chrome Web Store seguendo le nostre best practice per le immagini e altre informazioni della scheda. Per scoprire di più su queste best practice, consulta la sezione Creare una pagina della scheda accattivante.
Icona dell'estensione
Devi fornire un'immagine dell'icona dell'estensione di 128 x 128 pixel nel file ZIP dell'estensione. Alcuni requisiti per l'immagine:
- Le dimensioni effettive dell'icona devono essere 96x96 (per le icone quadrate); altri 16 pixel per lato devono contenere una spaziatura interna trasparente, per un totale di immagini fino a 128 x 128. Per maggiori dettagli, vedi Dimensioni icone.
- L'immagine deve essere in formato PNG.
- L'immagine dovrebbe funzionare correttamente su sfondi chiari e scuri.
Quando progetti l'icona, tieni a mente i seguenti consigli:
- Non aggiungere un bordo intorno all'immagine di 128 x 128 perché l'interfaccia utente potrebbe aggiungere bordi.
- Se l'icona è prevalentemente scura, prova ad aggiungere un leggero bagliore esterno bianco per farla apparire bene su sfondi scuri.
- Evita ombre troppo grandi, in quanto l'interfaccia utente potrebbe aggiungere ombre. È consentito utilizzare piccole ombre per il contrasto.
- Se nella parte inferiore dell'icona è presente una smussatura, consigliamo una profondità di 4 pixel.
- Fai in modo che l'icona sia rivolta allo spettatore anziché avere una prospettiva integrata. Vedi Perspective per i dettagli.
Di seguito sono riportate alcune icone che seguono queste linee guida.
![]() |
![]() |
![]() |
Dimensioni icona
Tutte le icone delle estensioni devono avere lo stesso peso visivo, occupando all'incirca la stessa area. Come mostra la figura che segue, quando ridimensioni un'icona per riempire l'area disponibile, le icone quadrate e circolari sono notevolmente più grandi di quanto dovrebbero essere rispetto alle icone con altre forme.
La normalizzazione delle dimensioni delle icone, come mostra la figura successiva, consente di ottenere un'area e uno spessore visivo delle icone più o meno uniforme.
Puoi utilizzare le seguenti immagini modello per valutare più facilmente le dimensioni dell'artwork dell'immagine. I modelli mostrano le dimensioni corrette per un quadrato e un cerchio, ma si tratta solo di guide; le icone con elementi a punta potrebbero uscire da queste aree. Se un'icona di forma irregolare occupa pochissima area e per lo più è uno spazio negativo, può essere accettabile utilizzare l'intera area di 128 x 128.
![]() |
![]() |
![]() |
Puoi seguire alcune regole generali per le dimensioni dell'artwork. Per un'icona quadrata, crea un'opera d'arte di 96 x 96 pixel. Per le altre icone squadrate, fai in modo che la larghezza dell'opera d'arte corrisponda al 75-80% della larghezza totale dell'immagine. Un'icona circolare deve avere un diametro di circa 112 pixel o dell'85-90% della larghezza dell'immagine. Le icone con forme irregolari devono avere pesi simili.
Le figure seguenti mostrano icone quadrate e circolari e confrontarle con i modelli.
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Ecco un esempio di icona di forma irregolare. In questo caso, l'icona non segue le linee guida quadrate e circolari, ma si adatta a entrambe.
![]() |
![]() |
![]() |
Prospettiva
Per flessibilità e coerenza, le icone delle estensioni devono essere rivolte verso l'alto. Sottili ritocchi alla prospettiva che danno un senso di tangibilità vanno bene, ma evita angolazioni eccessive.
Icone corrette (davanti) | Icone cattive (prospettiva troppo drastica) |
---|---|
![]() |
![]() |
![]() |
![]() |
Immagini promozionali
Devi fornire una piccola immagine promozionale da 440 x 280 pixel. Puoi anche fornire altre immagini che lo store può usare per promuovere l'estensione.
Nota: se le tue immagini fanno riferimento a brand Google, segui le linee guida per il branding.
Anche se è richiesta solo un'immagine promozionale di piccole dimensioni, puoi fornire anche immagini promozionali più grandi se vuoi che la tua estensione venga messa in evidenza in maggiore evidenza nel Chrome Web Store. Puoi fornire uno dei seguenti elementi:
- Piccolo: 440 x 280 pixel (obbligatorio)
- Marquee: 1400 x 560 pixel
Le immagini promozionali sono un'ottima opportunità per attirare l'attenzione degli utenti e invogliarli a scoprire di più. Non usare solo uno screenshot: le immagini devono comunicare principalmente il brand. Ecco alcune regole generali per progettare le immagini:
- Non aggiungere testo.
- Assicurati che l'immagine funzioni anche quando viene ridotta alla metà delle dimensioni.
- Supponiamo che l'immagine sia su uno sfondo grigio chiaro.
- Se possibile, utilizza colori saturi, in quanto tendono a produrre un buon rendimento.
- Evita di utilizzare molto bianco e grigio chiaro.
- Riempi l'intera regione.
- Assicurati che i bordi siano ben definiti.
I seguenti grafici sono esempi di immagini promozionali di un'estensione:
![Immagine promozionale piccola](https://developer.chrome.com/static/docs/webstore/images/image/small-promo-image-07c9a0100064.png?authuser=4&hl=it)
![Tendone](https://developer.chrome.com/static/docs/webstore/images/image/marquee-378610381dddf.png?authuser=4&hl=it)
Ecco una descrizione degli stati della revisione:
- Stato in attesa di revisione: l'immagine non è stata ancora esaminata e non viene visualizzata in negozio. Le immagini devono essere esaminate entro una settimana dall'invio.
- Nessuno stato: l'immagine è stata approvata ed è attualmente visualizzata nello store. [*Le immagini degli elementi "Bozza" o "Tester attendibili" non mostreranno lo stato delle immagini. Dovrai pubblicare l'articolo per far approvare l'immagine promozionale.]
- Rifiutata: l'immagine è stata esaminata e rifiutata e non viene visualizzata nello store. Il motivo o i motivi del rifiuto verranno visualizzati nella sezione Immagini promozionali della pagina di modifica dell'articolo. Ti invitiamo a esaminare i motivi e ad apportare le modifiche necessarie prima di ricaricare nuove immagini migliorate. Le nuove immagini caricate avranno immediatamente lo stato In attesa di revisione.
Per sostituire un'immagine promozionale, passa il mouse sopra l'immagine per visualizzare il controllo per la rimozione dell'immagine.
Screenshot
Utilizza gli screenshot per comunicare agli utenti le funzionalità, l'aspetto e l'esperienza della tua estensione. Devi fornire almeno 1 e preferibilmente il massimo consentito di 5 screenshot della tua estensione da visualizzare nella scheda dello Store dell'estensione. Gli screenshot devono mostrare l'effettiva esperienza utente, in particolare le funzionalità e i contenuti principali, in modo che gli utenti possano prevedere come sarà l'esperienza dell'estensione.
Se la tua estensione supporta più impostazioni internazionali, puoi fornire screenshot specifici per ogni paese, come descritto in Localizzare la scheda dello Store.
Quando modifichi la scheda delle estensioni, passando il mouse sopra la miniatura di uno screenshot vengono visualizzati i controlli che ti consentono di eliminare lo screenshot o di cambiarne la posizione.
Ogni screenshot deve avere il seguente aspetto:
- Angoli quadrati, senza spaziatura interna (al vivo)
- 1280 x 800 o 640 x 400 pixel
Ad esempio, ecco due screenshot di un'estensione:
E adesso?
A questo punto, leggi Inviare l'estensione per la pubblicazione.