risposta-alla-domanda-sullo-sviluppo-web-bd.com

Quali dimensioni dell'icona dovrebbe includere l'icona dell'applicazione Windows?

Ho un'applicazione Windows che verrà eseguita in Windows XP e più recente (ad esempio Vista/7). In base alle Vista UI Guidelines , le dimensioni standard sono 16x16, 32x32, 48x48, 256x256 (le dimensioni standard XP non includono l'icona 256x256). Oltre a queste dimensioni, ho anche 96x96 e 128x128 (e potrei creare di più).

Quale di queste dimensioni di icone devo includere? La Shell utilizzerà effettivamente le dimensioni "non standard", o semplicemente gonfierò la mia applicazione?

227
Daniel Rose

Mi ci è voluto del tempo per controllarlo in dettaglio. Ho creato un'icona le cui immagini hanno dimensioni di 16, 24, 32, 40, 48, 64, 96, 128 e 256. Poi ho controllato quale immagine è mostrata. Tutti questi sono stati fatti con normali 96 dpi. Se si utilizza un DPI più grande, è possibile utilizzare le taglie più grandi (solo controllato un po 'in Windows 7). I risultati:

Windows XP:

  • Visualizzazioni di Explorer:
    • Dettagli/Elenco: 16
    • Icone: 32
    • Piastrelle/miniature: 48
  • Fare clic con il tasto destro del mouse su Proprietà>/scegliere una nuova icona: 32
  • Area di avvio rapido: 16
  • Desktop: 32

Windows 7:

  • Visualizzazioni di Explorer:
    • Dettagli/Elenco/Piccoli simboli: 16
    • Tutte le altre opzioni: 256 (ridimensionate, se necessario)
  • Fare clic con il tasto destro del mouse su Proprietà>/scegliere una nuova icona: 32
  • Aggiunta alla barra delle applicazioni: 32
    • Menu di scelta rapida: 16
  • Desktop:
    • Piccoli simboli: 32
    • Simboli medi: 48
    • Grandi simboli: 256 (ridimensionato, se necessario)
    • Zoom usando Ctrl + Rotellina del mouse: 16, 32, 48, 256

Windows Runtime: ( da qui )

  • Piastrella principale: 150x150, 310x150 (versione larga)
  • Piccolo logo: 30x30
  • Badge (per lockscreen): 24x24, monocromatico
  • Splashscreen: 620x300
  • Negozio: 50x50

Quindi il risultato: Windows XP utilizza icone di 16, 32, 48, mentre Windows 7 (e presumibilmente anche Vista) utilizza anche icone a 256 dimensioni. Tutte le altre dimensioni di icone intermedie vengono ignorate (esse possono essere utilizzate in alcune aree che non ho controllato).


Ho verificato anche in Windows 7 cosa succede se mancano le dimensioni dell'icona:

Le dimensioni mancanti sono generate (ovviamente). Con dimensioni di 16, 32 e 48, se ne manca uno, è preferibile il downscaling. Quindi se abbiamo icone con dimensioni 16 e 48, l'icona 32 viene creata dall'icona 48. L'icona 256 viene utilizzata solo per questi se non sono disponibili altre dimensioni! Quindi, se le icone sono di dimensione 16 e 256, le altre dimensioni vengono ridimensionate dall'icona 16!

Inoltre, se l'icona 256 non è presente, viene utilizzata l'icona (possibilmente generata) 48, ma non ridimensionata più. Quindi abbiamo un'area (possibilmente grande) vuota con l'icona 48 nel mezzo.

Si noti che la dimensione predefinita dell'icona del desktop in XP era 32x32, mentre in Windows 7 è 48x48. Di conseguenza, per Windows 7 è relativamente importante avere un'icona 48. Altrimenti, viene convertito da un'icona più piccola, che può apparire piuttosto brutta.


Solo una nota su Windows XP compatibilità: se riutilizzi l'icona come icona della finestra, nota che questo può mandare in crash l'applicazione se usi un'icona compressa 256. La soluzione è di non comprimere l'icona o creare una seconda versione senza l'icona (compressa) 256. Vedi qui per maggiori informazioni.

298
Daniel Rose

Dopo alcuni test con un'icona con 8, 16, 20, 24, 32, 40, 48, 64, 96, 128 e 256 pixel (256 in PNG) in Windows 7:

  • Con una risoluzione del 100%: Explorer usa 16, 40, 48 e 256. Windows Photo Viewer usa 96. Paint usa 256.
  • Con una risoluzione del 125%: Explorer utilizza 20, 40 e 256. Windows Photo Viewer usa 96. Paint usa 256.
  • Con una risoluzione del 150%: Explorer utilizza 24, 48 e 256. Windows Photo Viewer utilizza 96. Paint usa 256.
  • Con una risoluzione del 200%: Explorer usa 40, 64, 96 e 256. Windows Photo Viewer usa 128. Paint usa 256.

Quindi 8, 32 non sono mai stati usati (è strano per me per 32) e 128 solo per Windows Photo Viewer con uno schermo ad altissima risoluzione, cioè almot mai usato.

Significa che l'icona dovrebbe fornire almeno 16, 48 e 256 per Windows 7. Per supportare schermi più recenti con risoluzioni elevate, è necessario fornire 16, 20, 24, 40, 48, 64, 96 e 256. Per Windows 7, tutto le immagini possono essere compresse usando PNG ma per compatibilità con Windows XP, la 16 a 48 non dovrebbe essere compressa.

26
Futal

La linea guida per le icone di Microsoft UX dice:

"Icone dell'applicazione e elementi del Pannello di controllo: Il set completo include 16x16, 32x32, 48x48 e 256x256 (il codice scala tra 32 e 256)."

Per me questo implica (ma non si afferma esplicitamente, purtroppo) che si dovrebbero fornire quelle 4 taglie.

Ulteriori dettagli sui formati di colore, che potresti trovare utili:

  • "I file delle icone richiedono anche le versioni della palette a 8 e 4 bit per supportare le impostazioni predefinite in un desktop remoto."

  • "Dovrebbe essere inclusa solo una copia a 32 bit dell'immagine a 256x256 pixel, e solo l'immagine a 256x256 pixel dovrebbe essere compressa [come PNG] per mantenere le dimensioni del file."

22
stone

Nel caso di Windows 10 questo non è esattamente accurato, infatti nessuna delle risposte su StackOverflow è stata, l'ho scoperto quando ho provato a usare pixel art come un'icona e l'ho ridimensionata quando non era previsto (era facile per vedere in questo caso la causa dell'interpolazione e la levigatura delle finestre fa) anche tu ho usato le dimensioni di questo post.

Così ho creato un'app e ho fatto il lavoro su tutte le impostazioni DPI, vedilo qui:
Windows 10 tutte le risoluzioni di icone su tutte le impostazioni DPI
Puoi anche usare la mia app per creare icone, anche con l'interpolazione del vicinato più vicina, con la levigatura, che non è stata eseguita con nessuno dei cattivi editor che ho visto.

Se vuoi solo le risoluzioni:
16, 20, 24, 28, 30, 31, 32, 40, 42, 47, 48, 56, 60, 63, 84, 256
e dovresti usare tutte le icone PNG e tutto ciò che inserisci accanto a questi non verrà visualizzato. Vedi il mio post perché.

11
z4k

(Risposta aggiornata per Windows 8/10)

Visualizza l'elenco completo di linee guida e dimensioni qui, nelle nuove linee guida sulla progettazione di Windows: https://msdn.Microsoft.com/en-us/windows/uwp/controls-and-patterns/tiles-and-notifications- app-asset # tipi di asset-

Includere ancora il file .ICO con queste dimensioni per supportare le esperienze legacy:

  • 16x16
  • 24x24
  • 32x32
  • 48x48
  • 256x256
10
jaminroe

Non 96x96, usa invece 64x64. Io di solito uso:

  • 16 - pulsante status/barra del titolo
  • 32 - icona del desktop
  • 48 - visualizzazione cartelle
  • 64/128 - Dimensioni aggiuntive

256 funziona anche su XP, tuttavia, i vecchi compilatori di risorse a volte si lamentavano degli errori di "memoria insufficiente".

6
Christian

Da raccomandazioni Microsoft MSDN :

Icone dell'applicazione e elementi del Pannello di controllo : Il set completo include 16x16, 32x32, 48x48 e 256x256 (il codice scala tra 32 e 256). È richiesto il formato di file .ico. Per la modalità classica, il set completo è 16x16, 24x24, 32x32, 48x48 e 64x64.

Quindi abbiamo già dimensioni standard raccomandate di:

  • 16 x 16,
  • 24 x 24,
  • 32 x 32,
  • 48 x 48,
  • 64 x 64,
  • 256 x 256.

Se desideriamo supportare impostazioni DPI elevate, l'elenco completo includerà anche le seguenti dimensioni:

  • 20 x 20,
  • 30 x 30,
  • 36 x 36,
  • 40 x 40,
  • 60 x 60,
  • 72 x 72,
  • 80 x 80,
  • 96 x 96,
  • 128 x 128,
  • 320 x 320,
  • 384 x 384,
  • 512 x 512.
1
Jacek Krawczyk