Condividi tramite


Screenshot, immagini e trailer dell'app MSIX

Le immagini ben progettate sono uno dei modi principali per rappresentare l'app ai potenziali clienti nello Store.

Puoi fornire screenshot , loghi , e trailer , oltre ad altre risorse grafiche da includere nell'elenco dello Store della tua app. Alcune di queste immagini sono obbligatorie, altre sono facoltative (anche se alcune di quelle facoltative sono importanti da includere per una migliore visualizzazione dello Store).

Durante il processo di invio dell'app , fornisci queste risorse artistiche nella fase dei listini dello Store . Le immagini utilizzate nello Store e il modo in cui vengono visualizzate possono variare a seconda del sistema operativo del cliente e di altri fattori.

Lo Store può anche utilizzare l'icona dell'app e altre immagini incluse nel pacchetto dell'app. Eseguire il Kit di certificazione app Windows per determinare se mancano le immagini necessarie prima di inviare l'app. Per indicazioni e consigli su queste immagini, vedi Icone e logo dell'app.

Screenshot

Le schermate sono immagini dell'app che vengono visualizzate ai clienti nella presentazione nello Store dell'app.

Screenshot che mostra una sezione in cui è possibile aggiungere screenshot e logo per un'app MSIX/PWA.

È possibile fornire schermate per le diverse famiglie di dispositivi supportati dall'app, in modo che le schermate appropriate vengano visualizzate quando un cliente visualizza la presentazione nello Store dell'app su tale tipo di dispositivo.

Per l'invio è necessaria una sola schermata (per qualsiasi famiglia di dispositivi), anche se è possibile fornire diversi elementi; fino a 10 screenshot desktop e fino a 8 screenshot per le altre famiglie di dispositivi. Si suggerisce di fornire almeno quattro schermate per ogni famiglia di dispositivi supportata dall'app, in modo che gli utenti possano vedere l'aspetto dell'app sul tipo di dispositivo. Non includere screenshot per le famiglie di dispositivi non supportate dall'app. Tieni presente che anche gli screenshot del desktop verranno visualizzati ai clienti nei dispositivi Surface Hub.

Nota

Microsoft Visual Studio offre uno strumento che consente di acquisire screenshot. Ogni schermata deve essere un file .png con orientamento orizzontale o verticale e le dimensioni del file non possono essere superiori a 50 MB.

I requisiti dimensionali variano a seconda della famiglia di dispositivi:

  • Desktop 1366 x 768 pixel o superiore. Supporta immagini 4K (3840 x 2160). (Verranno visualizzate anche dai clienti nei dispositivi Surface Hub.)

  • Xbox 3480 x 2160 pixel o inferiore e 1920 x 1080 pixel o superiore. Supporta immagini 4K (3840 x 2160).

  • Olografico 1268 x 720 pixel o più grande. Supporta immagini 4K (3840 x 2160).

Per una visualizzazione ottimale, tenere presenti le linee guida seguenti quando si creano le schermate:

  • Mantenere gli oggetti visivi critici e il testo nei due terzi superiori dell'immagine. Le sovrimpressioni di testo possono essere visualizzate nella terza parte inferiore.
  • Non aggiungere altri logo, icone o messaggi di marketing alle schermate.
  • Non utilizzare colori estremamente chiari o scuri o strisce ad alto contrasto che potrebbero interferire con la leggibilità delle sovrapposizioni di testo.

È anche possibile fornire una breve didascalia che descrive ogni schermata in 200 caratteri o meno.

Suggerimento

Le schermate vengono visualizzate nella presentazione in ordine. Dopo aver caricato le schermate, è possibile trascinarle per riordinarle. Tieni presente che se crei presentazioni nello Store per più lingue, avrai una pagina di presentazione nello Store per ognuna di esse. È necessario caricare le immagini per ogni lingua separatamente (anche se si utilizzano le stesse immagini) e fornire le didascalie da utilizzare per ogni lingua Se hai presentazioni nello Store in molte lingue, potresti trovare più facile aggiornarli esportando i dati della presentazione e funzionando offline.

Logo dello store

È possibile caricare i loghi dello Store per creare una visualizzazione più personalizzata nello Store. Si consiglia di fornire queste immagini in modo che la presentazione nello Store venga visualizzata in modo ottimale su tutti i dispositivi e le versioni del sistema operativo supportate dall'app. Se l'app è disponibile per i clienti su Xbox, alcune di queste immagini sono necessarie.

È possibile fornire queste immagini come file .png (non superiori a 50 MB), ciascuna delle quali deve seguire le linee guida riportate di seguito.

Poster art 2:3 (720 x 1080 o 1440 x 2160 pixel)

Per i giochi, questo viene usato come immagine del logo principale per i clienti nei dispositivi Windows 10, Windows 11 e Xbox, quindi consigliamo vivamente di fornire questa immagine per garantire una visualizzazione corretta. Questo non si applica alle app. Per informazioni relative all'icona dell'app, fare riferimento alla sezione seguente sull'icona del riquadro app 1:1 (300 x 300 pixel).

La presentazione potrebbe non essere utile se non la si include e non sarà coerente con altre presentazioni che i clienti visualizzano durante l'esplorazione dello Store. Questa immagine può essere utilizzata anche nei risultati di ricerca o in raccolte curate in modo editoriale.

Questa immagine può includere il nome dell'app. Se il nome dell'app è stato aggiunto all'immagine, deve soddisfare i requisiti di leggibilità accessibile (rapporto di contrasto 4,51). Si noti che le sovrimpressioni di testo possono essere visualizzate nella parte inferiore di questa immagine, quindi assicurarsi di non includere immagini di testo o chiave.

Nota

Se la tua app è disponibile per i clienti su Xbox, questa immagine è obbligatoria e deve includere il titolo del prodotto. Il titolo deve essere visualizzato nei due terzi superiori dell'immagine, poiché le sovrimpressioni di testo possono essere visualizzate nella parte inferiore della terza immagine.

1:1 box art (1080 x 1080 o 2160 x 2160 pixel)

Per i giochi, questa immagine può essere visualizzata in varie pagine dello Store per i dispositivi Windows 10, Windows 11 e Xbox e, se non fornisci l'immagine grafica poster 2:3 , verrà usata come logo principale. Questo non si applica alle app. Per informazioni relative all'icona dell'app, fare riferimento alla sezione seguente sull'icona del riquadro app 1:1 (300 x 300 pixel).

Questa immagine può anche includere il nome dell'app. Le sovrimpressioni di testo possono essere visualizzate nella parte inferiore di questa immagine, quindi non includere immagini di testo o chiave.

Nota

Se la tua app è disponibile per i clienti su Xbox, questa immagine è obbligatoria e deve includere il titolo del prodotto. Il titolo deve essere visualizzato nei due terzi superiori dell'immagine, poiché le sovrimpressioni di testo possono essere visualizzate nella parte inferiore della terza immagine.

Icona riquadro dell'app 1:1 (300 x 300 pixel)

Questa immagine verrà visualizzata in varie pagine dello Store per dispositivi Windows 10, Windows 11 e Xbox. È consigliabile fornire questa immagine per l'app. Se questa immagine non viene fornita, lo Store utilizzerà l'immagine del pacchetto dell'app.

Nota

Se si sceglie di caricare un'icona riquadro dell'app 1:1 (300 x 300 pixel), come consigliato, lo Store darà priorità a questa immagine rispetto a quella inclusa nel pacchetto dell'app.

Trailer e risorse aggiuntive

Questa sezione consente di fornire immagini per visualizzare il prodotto in modo più efficace nello Store. Si consiglia di fornire queste immagini per creare una presentazione nello Store più accattivante.

Suggerimento

L'immagine 16:9 Super hero art è particolarmente consigliata per i giochi se si prevede di includere trailer video nella presentazione nello Store; se non lo includi, i trailer non verranno visualizzati nella parte superiore della presentazione.

Trailer

I trailer sono brevi video che offrono ai clienti un modo per vedere il prodotto in azione, in modo che possano comprendere meglio come funziona. Vengono visualizzati nella parte superiore dell'elenco nello Store della tua app (purché includa un'immagine di supereroi in formato 16:9 ).

Screenshot che mostra una sezione in cui è possibile aggiungere trailer per un'app MSIX/PWA.

I trailer vengono codificati con Smooth Streaming, che adatta la qualità di un flusso video distribuito ai client in tempo reale in base alla larghezza di banda disponibile e alle risorse della CPU.

Nota

I trailer vengono visualizzati solo ai clienti in Windows 10, versione 1607 o successiva (che include Xbox).

Caricare trailer

È possibile aggiungere fino a 15 trailer alla presentazione nello Store. Assicurarsi che soddisfino tutti i requisiti elencati di seguito.

Per ogni trailer fornito, è necessario caricare un file video (.mp4 o .mov), un'immagine di anteprima e un titolo.

Importante

Quando usi trailer per i giochi, devi anche fornire una sezione 16:9 immagine artistica di supereroi per far apparire i trailer nella parte superiore della pagina del tuo negozio. Questa immagine verrà visualizzata al termine della riproduzione dei trailer.

Seguire queste raccomandazioni per rendere efficaci i trailer:

  • I trailer devono avere una buona qualità e una lunghezza minima (60 secondi o meno di 2 GB consigliati).
  • Utilizzare un'anteprima diversa per ogni trailer in modo che i clienti sappiano che sono univoci.
  • Poiché alcuni layout dello Store potrebbero ritagliare leggermente la parte superiore e inferiore del trailer, assicurarsi che le informazioni chiave vengano visualizzate al centro dello schermo.
  • La frequenza dei fotogrammi e la risoluzione devono corrispondere al materiale di origine. Ad esempio, i contenuti ripresi a 720p60 devono essere codificati e caricati a 720p60.
  • Per rendere i trailer più accessibili per gli utenti con disabilità, è possibile caricare sottotitoli e descrizioni audio:
    • Le didascalie chiuse forniscono alternative di testo per gli utenti che sono sordi o difficili da ascoltare.
    • Le descrizioni audio forniscono alternative audio per gli elementi visivi per gli individui che sono ciechi o hanno una visione bassa.

È anche necessario seguire i requisiti elencati di seguito.

Per aggiungere trailer al tuo annuncio:

  1. Fare clic su Carica e caricare il file video trailer nella sezione indicata. Viene visualizzata anche una casella a discesa nel caso in cui si voglia riutilizzare un trailer già caricato (ad esempio per una presentazione nello Store in una lingua diversa).
  2. Dopo aver caricato il trailer, dovrai caricare un'immagine di anteprima che lo accompagni. Deve essere un file .png di 1920 x 1080 pixel ed è in genere un'immagine fissa tratta dal trailer.
  3. Fare clic sull'icona a forma di matita per aggiungere un titolo per il trailer (255 caratteri o meno).
  4. Per aggiungere un file di sottotitoli chiusi, fare clic sul pulsante "Carica" nella sezione sottotitoli e selezionare un file VTT Web (con estensione vtt). Le dimensioni del file devono essere inferiori a 50 MB.
  5. Per aggiungere un file di descrizione audio, fare clic sul pulsante "Carica" nella sezione descrizioni audio e selezionare un file MP3 (.mp3). Le dimensioni del file devono essere inferiori a 500 MB.
  6. Se vuoi aggiungere altri trailer alla presentazione, chiudi il pannello, fai clic su Carica e ripeti i passaggi elencati sopra.

Suggerimento

Se hai creato presentazioni nello Store in più lingue, puoi selezionare Scegli tra trailer esistenti per riutilizzare i trailer già caricati. Non è necessario caricarli singolarmente per ogni lingua. Per rimuovere un trailer da un elenco, fare clic sulla X accanto al nome del file. È possibile scegliere se rimuoverlo solo dalla presentazione nello Store in cui si sta lavorando o se rimuoverlo da tutte le presentazioni nello Store del prodotto (in ogni lingua).

Requisiti dei trailer

Quando si forniscono i trailer, assicurarsi di rispettare i seguenti requisiti:

  • Il formato video deve essere MOV o MP4.
  • Le dimensioni file del trailer non devono superare i 2 GB.
  • La risoluzione video deve essere 1920 x 1080 pixel.
  • L'anteprima deve essere un file PNG con una risoluzione di 1920 x 1080 pixel.
  • Il titolo non può superare i 255 caratteri.
  • Non includere classificazioni in base all'età nei trailer.
  • Il file della didascalia chiusa deve essere in formato VTT Web (con estensione vtt) e le dimensioni del file devono essere inferiori a 50 MB
  • Il file di descrizione audio deve essere in formato MP3 (.mp3) e le dimensioni del file devono essere inferiori a 500 MB

Avviso

L'eccezione alla necessità di includere le classificazioni di età nei trailer si applica solo ai trailer nell' Microsoft Store che vengono visualizzati nella pagina del prodotto. Qualsiasi trailer pubblicato al di fuori del Centro per i partner, che non è destinato alla visualizzazione esclusivamente nella pagina del prodotto di Microsoft Store deve visualizzare le informazioni di classificazione incorporate, se necessario, in conformità alle linee guida dell'autorità di classificazione appropriata.
Come gli altri campi nella pagina della presentazione nello Store, i trailer devono ottenere la certificazione prima di poter essere pubblicati in Microsoft Store. Assicuratevi che i trailer siano conformi alle politiche di Microsoft Store .

Esistono requisiti aggiuntivi a seconda del tipo di file.

MOV

Video
- 1080p ProRes (HQ, se appropriato) - Framerate nativo; 29,97 FPS preferito

Audio
- Stereo obbligatorio - Livello audio consigliato: -16 LKFS/LUFS

MP4

Video
Codec: H.264 (AVC1) - Analisi progressiva (senza interlacciamento) - Profilo alto - 2 fotogrammi B consecutivi - GOP chiuso. GOP della metà della frequenza dei fotogrammi - CABAC - 50 Mbps - Spazio colore: 4.2.0

Audio
Codec: AAC-LC
- Canali: audio stereo o surround
- Frequenza di campionamento: 48 KHz
- Velocità in bit audio: 384 Kbps per Stereo, 512 Kbps per Surround

Avviso

I clienti potrebbero non sentire l'audio dei file MP4 codificati con codec diversi da AVC1. Per i file in formato intermedio H.264, si consiglia:

  • Contenitore: MP4
  • Nessun elenco di modifiche (o si potrebbe perdere la sincronizzazione AV)
  • moov atom nella parte anteriore del file (Avvio rapido)

Immagine di Windows 10 e Xbox (16:9 Super hero art)

Nella sezione Immagine di Windows 10 o Windows 11 e Xbox , l'immagine 16:9 Super hero (1920 x 1080 o 3840 x 2160 pixel) viene usata in vari layout in Microsoft Store in tutti i dispositivi Windows 10, Windows 11 e Xbox. Si consiglia di fornire questa immagine, indipendentemente dalle versioni del sistema operativo o dai tipi di dispositivi di destinazione dell'app.

Questa immagine è necessaria per i giochi per la corretta visualizzazione se la presentazione include trailer video. Per i clienti con Windows 10 versione 1607 o successiva (che include Xbox), viene utilizzata come immagine principale nella parte superiore della presentazione nello Store (o viene visualizzata dopo il completamento della riproduzione dei trailer). Può anche essere utilizzata per rendere disponibile l'app nei layout promozionali in tutto lo Store. Questa immagine non deve includere il titolo del prodotto o altro testo.

Di seguito sono riportati alcuni suggerimenti da tenere presenti durante la progettazione di questa immagine:

  • L'immagine deve essere un file .png di 1920 x 1080 pixel o 3840 x 2160 pixel.
  • Selezionare un'immagine dinamica correlata all'app per favorire il riconoscimento e la differenziazione. Evitate fotografie di repertorio o immagini generiche.
  • Non includere testo nell'immagine.
  • Evitate di posizionare gli elementi visivi chiave nel terzo inferiore dell'immagine (poiché in alcuni layout potremmo applicare un gradiente su tale parte).
  • Posizionare i dettagli più importanti al centro dell'immagine (poiché in alcuni layout è possibile che l'immagine venga ritagliata).
  • Ridurre al minimo lo spazio vuoto.
  • Evitare di visualizzare l'interfaccia utente dell'app e non utilizzare immagini specifiche del dispositivo.
  • Evitare temi politici e nazionali, bandiere o simboli religiosi.
  • Non includere immagini di gesti insensibili, nudità, gioco d'azzardo, valute, droghe, tabacco o alcol.
  • Non utilizzare armi puntate contro lo spettatore o violenza eccessiva e immagini cruente.

Sebbene fornire questa immagine ci consenta di prendere in considerazione l'app per le opportunità promozionali in primo piano, non garantisce che l'app venga visualizzata in primo piano. Per altre informazioni, vedi Rendere l'app più semplice da promuovere .

Immagini Xbox

Queste immagini sono necessarie per la visualizzazione corretta se si pubblica l'app in Xbox.

Esistono 3 dimensioni diverse che è possibile caricare:

  • Branded key art, 584 x 800 pixel: deve includere il titolo del prodotto. Per questa immagine è necessaria una barra di branding. Mantenere il titolo e tutte le immagini chiave nei due terzi superiori dell'immagine, perché una sovrimpressione può apparire sul terzo inferiore.
  • Titolo Hero Art, 1920 x 1080 pixel: Deve includere il titolo del prodotto. Mantenere il titolo e tutte le immagini chiave nei due terzi superiori dell'immagine, perché una sovrimpressione può apparire sul terzo inferiore.
  • Opera d'arte promozionale in evidenza, 1080 x 1080 pixel: non deve includere il titolo del prodotto.

Nota

Per la migliore visualizzazione su Xbox, devi anche fornire un'immagine 2:3 (720 x 1080 o 1440 x 2160 pixel) nella sezione Logo dello Store .

Immagine olografica

L'immagine 2:1 (2400 x 1200) viene usata solo se l'app supporta la famiglia di dispositivi Holographic. In tal caso, è consigliabile fornire questa immagine.