Quelles sont les tailles d'icône de l'icône de mon application Windows?
J'ai une application Windows qui s'exécutera sous Windows XP et plus récent (c'est-à-dire Vista/7). Selon directives de l'interface utilisateur Vista , les tailles standard sont 16x16, 32x32, 48x48, 256x256 (les tailles standard XP n'incluent pas l'icône 256x256). En plus de ces tailles, j'ai aussi 96x96 et 128x128 (et pourrait en créer plus).
Laquelle de ces tailles d’icônes devrais-je inclure? Le Shell utilisera-t-il réellement les formats "non standard" ou vais-je simplement gonfler mon application?
J'ai pris le temps de vérifier cela en détail. J'ai créé une icône dont les images ont des tailles de 16, 24, 32, 40, 48, 64, 96, 128 et 256. Ensuite, j'ai vérifié quelle image était affichée. Tout cela a été fait avec une résolution normale de 96 dpi. Si vous utilisez une résolution plus élevée, vous pouvez utiliser des tailles supérieures (ne cochez que légèrement cette option dans Windows 7). Les resultats:
Windows XP:
- Vues de l'explorateur:
- Détails/liste: 16
- Icônes: 32
- Mosaïques/Vignettes: 48
- Clic droit-> Propriétés/choisir une nouvelle icône: 32
- Zone de démarrage rapide: 16
- Bureau: 32
Windows 7:
- Vues de l'explorateur:
- Détails/Liste/Petits symboles: 16
- Toutes les autres options: 256 (redimensionné, si nécessaire)
- Clic droit-> Propriétés/choisir une nouvelle icône: 32
- Épinglé à la barre des tâches: 32
- Menu clic droit: 16
- Bureau:
- Petits symboles: 32
- Symboles moyens: 48
- Grands symboles: 256 (redimensionné, si nécessaire)
- Zoom avec Ctrl + molette de la souris: 16, 32, 48, 256
Windows Runtime: ( à partir d'ici )
- Dalle principale: 150x150, 310x150 (version large)
- Petit logo: 30x30
- Badge (pour le verrouillage de l'écran): 24x24, monochromatique
- Écran d'accueil: 620x300
- Magasin: 50x50
Le résultat est donc le suivant: Windows XP utilise 16, 32, 48 icônes, alors que Windows 7 (et vraisemblablement aussi Vista) utilise également des icônes de 256 tailles. Toutes les autres tailles d'icônes intermédiaires sont ignorées (elles peuvent être utilisées dans certaines zones que je ne connaissais pas vérifier).
J'ai également vérifié dans Windows 7 ce qui se passe si la taille des icônes manque:
Les tailles manquantes sont générées (évidemment). Pour les tailles 16, 32 et 48, s'il en manque une, la réduction de la taille est préférable. Donc, si nous avons des icônes de taille 16 et 48, l’icône 32 est créée à partir de l’icône 48. L'icône 256 n'est utilisée que si aucune autre taille n'est disponible! Ainsi, si les icônes sont de taille 16 et 256, les autres tailles sont redimensionnées à partir de la 16 icône!
De plus, si l'icône 256 n'est pas présente, l'icône 48 (éventuellement générée) est utilisée, mais n'est plus redimensionnée. Nous avons donc une zone vide (éventuellement grande) avec l’icône 48 au milieu.
Notez que la taille de l'icône de bureau par défaut dans XP était de 32 x 32, tandis que sous Windows 7, elle est de 48 x 48. Par conséquent, pour Windows 7, il est relativement important d’avoir une icône 48. Sinon, elle est redimensionnée à partir d’une icône plus petite, ce qui peut paraître assez moche. .
Juste une remarque à propos de la compatibilité Windows XP: Si vous réutilisez l'icône en tant qu'icône de fenêtre, sachez que cela peut planter votre application si vous utilisez une icône 256 compressée. La solution consiste à ne pas compresser l'icône ou à créer une deuxième version sans l'icône 256 (compressée). Voir ici pour plus d'informations.
Après quelques tests avec une icône de 8, 16, 20, 24, 32, 40, 48, 64, 96, 128 et 256 pixels (256 en PNG) dans Windows 7:
- À une résolution de 100%: Explorer utilise 16, 40, 48 et 256. La visionneuse de photos Windows en utilise 96. Paint en utilise 256.
- À 125% de résolution: Explorer utilise 20, 40 et 256. La visionneuse de photos Windows en utilise 96. Paint en utilise 256.
- À une résolution de 150%: Explorer utilise 24, 48 et 256. La visionneuse de photos Windows en utilise 96. Paint en utilise 256.
- À 200% de résolution: Explorer utilise 40, 64, 96 et 256. La visionneuse de photos Windows en utilise 128. Paint en utilise 256.
Ainsi, 8, 32 n’ont jamais été utilisés (cela m'est étrange pour 32) et 128 uniquement par la visionneuse de photos Windows avec un écran très ppp, c’est-à-dire qu’ils n’ont jamais été utilisés.
Cela signifie que votre icône doit au moins fournir les versions 16, 48 et 256 pour Windows 7. Pour prendre en charge les écrans plus récents avec des résolutions élevées, vous devez fournir 16, 20, 24, 40, 48, 64, 96 et 256. Sous Les images peuvent être compressées à l’aide de PNG, mais pour des raisons de compatibilité avec Windows XP, les versions 16 à 48 ne doivent pas être compressées.
Le guide des icônes de Microsoft UX dit:
"Icônes d'application et éléments du Panneau de configuration: L'ensemble complet comprend les formats 16x16, 32x32, 48x48 et 256x256 (les échelles de code sont comprises entre 32 et 256)."
Pour moi, cela implique (mais ne précise pas, malheureusement) que vous devriez fournir ces 4 tailles.
Des détails supplémentaires concernant les formats de couleur, que vous pouvez également trouver utiles:
"Les fichiers d'icônes nécessitent également des versions de palette 8 bits et 4 bits, afin de prendre en charge le paramètre par défaut sur un poste de travail distant."
"Seule une copie 32 bits de l'image de 256 x 256 pixels doit être incluse et seule l'image de 256 x 256 pixels doit être compressée [en tant que PNG] pour réduire la taille du fichier."
Dans le cas de Windows 10, ce n’est pas tout à fait exact. En fait, aucune réponse n’a été donnée sur stackoverflow. Je l’ai découvert lorsque j’ai essayé d’utiliser le pixel art en tant qu’icône et qu’il a été redimensionné alors qu’il n’était pas censé le faire (c’était facile. voir dans ce cas la cause de l’interpolation et du lissage des fenêtres ne) j’ai même pas utilisé les tailles de ce post.
J'ai donc créé une application et effectué le travail sur tous les paramètres DPI, à voir ici:
Windows 10 toutes les résolutions d’icônes sur tous les paramètres DPI
Vous pouvez également utiliser mon application pour créer des icônes, également avec une interpolation avec le voisin le plus proche avec lissage, ce qui n'est pas le cas avec les mauvais éditeurs que j'ai vus.
Si vous voulez seulement les résolutions:
16, 20, 24, 28, 30, 31, 32, 40, 42, 47, 48, 56, 60, 63, 84, 256
et vous devez utiliser toutes les icônes PNG et tout ce que vous insérerez à côté de ceux-ci ne sera pas affiché. Voir mon post pourquoi.
(réponse mise à jour pour Windows 8/10)
Consultez la liste complète des instructions et des tailles ici, dans les nouvelles instructions de conception de Windows: https://msdn.Microsoft.com/en-us/windows/uwp/controls-and-patterns/tiles-and-notifications-app -assets # asset-types
Incluez toujours le fichier .ICO avec ces tailles pour prendre en charge les expériences héritées:
- 16x16
- 24x24
- 32x32
- 48x48
- 256x256
Pas 96x96, utilisez 64x64 à la place. J'utilise habituellement:
- 16 - bouton de statut/barre de titre
- 32 - icône du bureau
- 48 - vue du dossier
- 64/128 - Tailles supplémentaires
256 fonctionne également sur XP, cependant, les anciens compilateurs de ressources se plaignaient parfois d’erreurs de "mémoire insuffisante".
De recommandations Microsoft MSDN :
Icônes d'application et éléments du panneau de configuration : l'ensemble complet comprend les formats 16x16, 32x32, 48x48 et 256x256 (les échelles de code sont comprises entre 32 et 256). Le format de fichier .ico est requis. Pour le mode classique, l'ensemble complet est 16x16, 24x24, 32x32, 48x48 et 64x64.
Nous avons donc déjà les tailles standard recommandées de:
- 16 x 16,
- 24 x 24,
- 32 x 32,
- 48 x 48
- 64 x 64
- 256 x 256.
Si nous souhaitons prendre en charge les paramètres DPI élevés, la liste complète inclura également les tailles suivantes:
- 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.