Windows Dev Center

Ottimizzare le immagini per diverse risoluzioni dello schermo

Si applica a Windows e Windows Phone

È possibile aggiungere versioni diverse di ogni immagine che identifica l'app, ad esempio logo e immagini della schermata iniziale. È quindi possibile testarle in modo da garantire che vengano visualizzate correttamente su una vasta gamma di dispositivi con risoluzioni dello schermo diverse. Aggiungendo versioni diverse di ogni immagine, è possibile ridurre il livello di estensione o riduzione degli elementi grafici in base alle dimensioni dello schermo del dispositivo dell'utente.

Denominare i file in base al tipo di asset che rappresentano, ad esempio Square7070.png. Se si prevede di archiviare diversi file nella stessa cartella, includere i qualificatori di ridimensionamento nei nomi di file. Ad esempio, è possibile assegnare a uno dei file il nome seguente: Square7070Logo.scale-100.png.

Se si desidera organizzare i file nelle cartelle in base al fattore di scala, includere il qualificatore di ridimensionamento nel nome della cartella anziché nei nomi di file. Ad esempio, è possibile archiviare Square7070Logo.png e Square150150Logo.png in una sottocartella Assets\Scale-100.

Aprire la soluzione e aggiungere i file di immagine nella cartella Assets del progetto dell'app.

Se si utilizza un progetto di app condiviso per compilare un'app per più di un fattore di forma (ad esempio, Windows e Windows Phone), è possibile aggiungere il file di immagine nella cartella Assets del progetto condiviso nella soluzione, ma solo se tale immagine è appropriata per entrambi i fattori di forma.

  1. In Esplora soluzioni aprire Progettazione manifesto applicazione (Package.appxmanifest) e quindi scegliere la scheda Asset visivi.

  2. Nell'elenco degli asset visivi scegliere Tutti gli asset delle immagini per visualizzare le impostazioni per le immagini.

  3. Se si desidera visualizzare un nome breve sul logo principale, specificarne uno nella casella di testo Nome breve.

    Nota Nota

    Per le app di Windows Phone, i valori in Nome breve e Dimensioni predefinite vengono ignorati.

  4. Nella casella di testo relativa a uno qualsiasi dei logo, ad esempio Logo quadrato 150x150, specificare un nome per il logo principale.

    Il valore predefinito per il logo quadrato 150x150 è Assets\Logo.png.

  5. Nell'area Asset scalati della pagina scegliere il pulsante Sfoglia () accanto a una delle caselle Scala, passare alla cartella Assets, specificare l'immagine appropriata per tale scala e quindi scegliere il pulsante Apri.

    Nota Nota

    Per creare una visualizzazione in primo piano dell'immagine nella dimensione adattata, selezionare l'immagine nella casella. Verrà visualizzata una finestra di anteprima in cui è elencato ogni singolo file di immagine che verrà utilizzato.

    L'immagine verrà visualizzata nella casella e il file verrà copiato. Il file copiato viene denominato in base alle convenzioni di denominazione delle risorse per le app di Store: Nome.scale-nnn.est, dove nn è il fattore di scala. Ad esempio, il file potrebbe essere denominato Logo.scale-100.png.

Si applica solo a Windows

È possibile visualizzare in anteprima le app progettate per Windows Store usando un simulatore. Per ulteriori informazioni, vedere Eseguire applicazioni Windows Store nel simulatore.

È possibile visualizzare in anteprima le app progettate per Windows Phone Store usando un simulatore. Selezionare un emulatore nell'elenco a discesa accanto al pulsante Avvia debug sulla barra degli strumenti Standard del debugger. Selezionare un emulatore che corrisponda alla risoluzione desiderata per la visualizzazione in anteprima dell'app.

Nota importante Importante

Prima di pubblicare l'app nello Store, testare sempre l'app in un dispositivo reale.

Aggiunte alla community

AGGIUNGI
Mostra:
© 2015 Microsoft