Secondo quanto riportato nella documentazione ufficiale, le impostazioni delle icone devono essere grandi 48x48 pixel con un background trasparente e con un disegno compreso in un’area centrale di 26x26 pixel di colore bianco. In questo modo il sistema operativo può mostrare l’icona in modo corretto per entrambi gli sfondi (chiaro/scuro) impostabili dall’utente nel tema del telefono.
Ma in Windows Phone 8 sono state introdotte nuove misure di display (WVGA, WXGA e 720p) e per questo motivo le misure sono cambiate, tant’è vero che le icone contenute nella cartella
C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v8.0\Icons
sono di 76x76 pixel.
Il mio strumento preferito per la realizzazione di icone utili allo sviluppo di applicazioni Windows Store è Syncfusion Metro Studio 2
Io lo uso anche anche per creare le icone per la ApplicationBar di Windows Phone 8 seguendo i seguenti passi:
1. Imposto la dimensione a 128x128 pixel, il background a “cerchio” e il foreground a White.
2. Regolo il padding intorno ai 30 pixel (ma dipende dall’icona che sto editando, utilizzando il background a “cerchio” per vedere l’effetto che assumerà sul Windows Phone)
3. Una volta regolato il padding imposto il background a “trasparente” (Il cerchio poi verrà aggiunto dal sistema operativo di Windows Phone quindi l’icona non deve averlo)
4. Esporto l’icona in formato “png”.
5. Con un programma di editing, come ad esempio Paint.Net, faccio il ridimensionamento dell’icona a 76x76 pixel.
E il gioco è fatto.
Happy coding!
UPDATE: poiché pare che l’immagine dentro l’icona dev’essere al massimo di 42 pixel e che Syncfusion Metro Studio 2 consente di impostare la dimensione esatta, un modo molto più rapido è il seguente:
1. Imposto la dimensione a 76 pixel, il padding a 17 (76-42 diviso 2) il background a trasparente e il foreground a White:
2. Esporto l’icona in formato “png”.
Happy coding!