Windows 10 toutes les résolutions d'icône sur tous les paramètres DPI? Format? Pixel art comme icône? Icône de grande taille dans le menu Démarrer tuile moyenne?
il suffit de passer à la réponse à la section réponse, la partie question a spéculations et erreurs. La réponse est basée sur l'expérience et il est précis.
pendant longtemps j'ai utilisé un seul fichier ico de 256px emballé png pour mes projets de studio visuel, et il a bien fonctionné, parce que la mise à l'échelle fonctionne très bien sur ces icônes et ils ne prennent presque pas de place, et je ne m'en souciais pas beaucoup avant.
Mais maintenant, j'ai une icône qui doit "conserver les bords durs", c'est "pixel art". Si je construis avec une version 256px des downscales terriblement ou si je construis avec 16px des upscales un peu moins terriblement mais pas assez bon. Donc mes questions sont:
-
quelles sont les tailles que je dois générer pour fusionner dans l'ico (Je ne me soucie pas des icônes pre win7)?
-
si j'ai cette liste, dois-je générer des versions 1.25 x, 1.5 x et 2.0 x pour des paramètres de dpi élevés?
-
enfin, certaines applications comme firefox a une grande icône sur le menu Démarrer à l'intérieur du bloc de carrés moyens, mes applications ont une plus petite dans le centre comme Visual Studio Fait, Comment puis-je mettre une grande icône dans le menu Démarrer carré de taille moyenne?
Je l'ai trouvé: malheureusement VS dit: VisualElements n'est pas pris en charge dans un projet Windows Presentation Foundation (WPF). Est-il un moyen de contourner cela?
j'ai regardé autour et ai recueilli des tailles possibles @1x (96DPI):
16, 20, 24, 30, 32, 40, 48, 50, 64, 128, 150, 256, 512, 768
La plupart du temps, je les ai recueillies à partir de quelles tailles d'icône de L'icône de mon application Windows doit inclure? .
pas si mal, mais si j'ajoute 1,25 x, 1,5 x, 2,0 x alors on obtient:
16, 20, 24, 25, 30, 32, 36, 38, 40, 45, 48, 50, 60, 62, 64, 72, 75, 80, 96, 100, 128, 150, 160, 188, 192, 225, 256, 300, 320, 384, 512, 640, 768, 960, 1024, 1152, 1536 dans mon cas, il fait un fichier ico de 500k et comme il semble que le 1024 est la résolution maximale que vous pouvez mettre dans un fichier ico, mon icône est pixelisée donc compresse vraiment bien avec png et encore ~500k.
j'ai aussi fait un ico a toutes les résolutions ci-dessus dans rgba, et chacun a sa taille sur elle, donc vous pouvez voir quelles fenêtres charge sur qui le réglage dpi. vous pouvez le télécharger à partir de ici et l'utiliser dans un vs projet pour tester.
d'après ce que j'ai compris, tout ce qui est en dessous de 256px ne peut pas être compressé png, n'est-ce pas?
et Ai-je besoin de toutes ces tailles pour conserver une icône parfaite en pixel? Est-ce que seulement les PNG 32 bits(RGBA) sont ok? J'espère que je n'ai pas besoin d'inclure d'autres profondeurs.
après avoir écrit un ico auteur de la spécification, je me suis rendu compte que pngs peuvent avoir 0 pour cause de résolution 1 octet est disponible pour x ou y(mais je n'ai jamais vu un ico qui n'est pas carré, peut-être que curs peut être non carré), dans ce cas probablement le premier dans le fichier avec des zéros pour la résolution va être utilisé...Ce n'est pas sûr, mais je pense que c'est pas loin de la vérité. Voir les images. Je ne comprends toujours pas les problèmes d'annulation.si j'ai le temps demain, je le testerai. Une icône pixel perfect semble impossible à faire: avoir une image à modifier à tout ce qui est au-dessus de 256px.
2 réponses
Les réponses:
les png sont-ils acceptables en vertu de l'article 256px du fichier ICO?
Microsoft déclare que les tailles inférieures à 256px devraient être une BMP sans les 14 premiers octets.
Mais au moins dans le cas de windows 10, la réponse est OUI.
pouvez-vous ajouter une image plus grande que 1024px dans L'ICO?
OUI. Aussi longtemps que C'est un PNG il peut être aussi grand que vous voulez.
Notez le "une icône au-dessus de 255px" limitation:
Vous ne pouvez ajouter qu'une image plus grande que 255px ( vous pouvez en ajouter plus mais windows ne lira que le premier bloc d'image dans la tête D'ICO où la résolution est 0,0). Le format spécifie 1 octet pour chaque dimension. Voir le tableau 2.
quelles sont les tailles à inclure pour tous les paramètres DPI?
Windows 10 utilise les tailles d'icône suivantes (Voir tableau ci-dessous)):
16, 20, 24, 28, 30, 31, 32, 40, 42, 47, 48, 56, 60, 63, 84 et un plus grand que 255px.
notez que les applications Windows RT n'utilisent pas de fichiers ICO, ils utilisent des png ou des polices, c'est la source de Firefox:
<Application xmlns:xsi='http://www.w3.org/2001/XMLSchema-instance'>
<VisualElements
ShowNameOnSquare150x150Logo='on'
Square150x150Logo='browser\VisualElements\VisualElements_150.png'
Square70x70Logo='browser\VisualElements\VisualElements_70.png'
ForegroundText='light'
BackgroundColor='#0996f8'/>
</Application>
alors comment Firefox a une grande icône sur le menu Démarrer dans la tuile moyenne?
Bien ses inclure ce fichier ci-dessus dans le répertoire exe avant le raccourci ajouté au menu Démarrer, cet article explique comment . Mon application a un exemple.
si vous faites des icônes pour Windows 10 vous êtes mieux avec mon outil et photoshop (ou quelque chose comme ça) que n'importe quoi d'autre, j'ai essayé des éditeurs et ils sucent.
vous pouvez créer des fichiers ICO (comme recommandation MS ou non) ou créer des icônes avec la résolution imprimée sur eux, ce dernier est ce que j'ai utilisé pour faire la table.
Prend en charge plusieurs modes de redimensionnement, y compris le voisin le plus proche.
Si vous voulez, vous pouvez l'utiliser sur d'autres versions de windows, il fonctionne avec .net2, tester un autre windows, envoyez-moi les résultats et je l'étends la table pour le bien de l'humanité.
quant à l'art pixel dans les icônes il n'est pas possible d'être parfait :(, si l'on ne peut changer l'échelle de l'algorithme dans windows 10. Donc une large plage 84-256 obtient l'échelle à "0" (voir ci-dessus), donc il n'y a pas de vrai point ajoutant quelque chose de plus grand que 256 comme je le vois maintenant vous devriez créer une image 256px pour "0". (Voir tableau Pourquoi)
si Windows obtient toutes les icônes 16 à 255 + le 1 plus grand que 255 (0 dans le tableau) choisit ces tailles: (donc pas de tables de markdown ici?, son genre de large, les tableaux sont dans l'app readme aussi)
| | Windows 10 |
| | 96DPI | 120DPI | 144DPI | 168DPI |
| icon |disp.|load|disp.|load|disp.|load|disp.|load|
|-------------------------------------------|-----|----|-----|----|-----|----|-----|----|
| alt-tab | 24 | 32 | 30 | 32 | 36 | 32 | 42 | 32 |
| desktop large | 96 | 0 | 120 | 0 | 144 | 0 | 168 | 0 |
| desktop medium | 48 | 48 | 60 | 60 | 72 | 72 | 84 | 84 |
| desktop small | 32 | 32 | 40 | 40 | 48 | 48 | 56 | 56 |
| explorer content, inc0 | 32 | 32 | 40 | 40 | 48 | 48 | 56 | 56 |
| explorer extra large | 256 | 0 | 256 | 0 | 256 | 0 | 256 | 0 |
| explorer large | 96 | 0 | 120 | 0 | 144 | 0 | 168 | 0 |
| explorer medium | 48 | 48 | 60 | 60 | 72 | 72 | 84 | 84 |
| explorer small:inc4,list:inc3,details:inc2| 16 | 16 | 20 | 20 | 24 | 24 | 28 | 28 |
| explorer tiles, inc1 | 48 | 48 | 60 | 60 | 72 | 72 | 84 | 84 |
| startmenu medium | 32 | 32 | 40 | 40 | 48 | 48 | 56 | 63 |
| startmenu programs | 24 | 24 | 30 | 30 | 36 | 36 | 42 | 42 |
| startmenu search | 32 | 60 | 40 | 60 | 48 | 60 | 56 | 0 |
| startmenu tile small | 24 | 24 | 30 | 31 | 36 | 39 | 42 | 47 |
| taskbar normal | 24 | 32 | 30 | 40 | 36 | 48 | 42 | 56 |
| taskbar small | 16 | 16 | 20 | 20 | 24 | 24 | 28 | 28 |
| window icon | 16 | 16 | 20 | 16 | 24 | 16 | 28 | 16 |
| desktop inc0 | 16 | 16 | 20 | 20 | 24 | 24 | 28 | 28 |
| desktop inc1 | 18 | 32 | 23 | 40 | 27 | 48 | 32 | 56 |
| desktop inc2 | 20 | 30 | 25 | 40 | 30 | 48 | 35 | 56 |
| desktop inc3 | 22 | 32 | 28 | 40 | 33 | 48 | 39 | 56 |
| desktop inc4 | 24 | 32 | 30 | 40 | 36 | 48 | 42 | 56 |
| desktop inc5 | 27 | 32 | 34 | 40 | 41 | 48 | 47 | 56 |
| desktop inc6 | 30 | 32 | 38 | 40 | 45 | 48 | 53 | 56 |
| desktop inc7 | 33 | 48 | 41 | 60 | 50 | 72 | 58 | 84 |
| desktop inc8 | 37 | 48 | 46 | 60 | 56 | 72 | 65 | 84 |
| desktop inc9 | 41 | 48 | 51 | 60 | 62 | 72 | 72 | 84 |
| desktop inc10 | 46 | 48 | 58 | 60 | 69 | 72 | 82 | 84 |
| desktop inc11 | 51 | 0 | 64 | 0 | 77 | 0 | 89 | 0 |
| desktop inc12 | 57 | 0 | 71 | 0 | 86 | 0 | 100 | 0 |
| desktop inc13 | 63 | 0 | 79 | 0 | 95 | 0 | 110 | 0 |
| desktop inc14 | 70 | 0 | 88 | 0 | 105 | 0 | 123 | 0 |
| desktop inc15 | 78 | 0 | 98 | 0 | 117 | 0 | 137 | 0 |
| desktop inc16 | 87 | 0 | 109 | 0 | 131 | 0 | 152 | 0 |
| desktop inc17 | 97 | 0 | 121 | 0 | 146 | 0 | 170 | 0 |
| desktop inc18 | 108 | 0 | 135 | 0 | 162 | 0 | 189 | 0 |
| desktop inc19 | 120 | 0 | 150 | 0 | 180 | 0 | 210 | 0 |
| desktop inc20 | 133 | 0 | 166 | 0 | 200 | 0 | 233 | 0 |
| desktop inc21 | 148 | 0 | 185 | 0 | 222 | 0 | 256 | 0 |
| desktop inc22 | 164 | 0 | 205 | 0 | 246 | 0 | 256 | 0 |
| desktop inc23 | 182 | 0 | 228 | 0 | 256 | 0 | 256 | 0 |
| desktop inc24 | 202 | 0 | 253 | 0 | 256 | 0 | 256 | 0 |
| desktop inc25 | 224 | 0 | 256 | 0 | 256 | 0 | 256 | 0 |
| desktop inc26 | 249 | 0 | 256 | 0 | 256 | 0 | 256 | 0 |
| explorer inc5 | 18 | 32 | 23 | | | | | |
| explorer inc6 | 20 | 32 | 25 | | | | | |
| explorer inc7 | 22 | 32 | 28 | | | | | |
| explorer inc8 | 23 | 32 | 29 | | | | | |
| explorer inc9 | 25 | 32 | 31 | | | | | |
| explorer inc10 | 27 | 32 | 34 | | | | | |
| explorer inc11 | 29 | 32 | 36 | | | | | |
| explorer inc12 | 31 | 32 | 39 | | | | | |
| explorer inc13 | 33 | 48 | 41 | | | | | |
| explorer inc14 | 35 | 48 | 44 | | | | | |
| explorer inc15 | 38 | 48 | 48 | | | | | |
| explorer inc16 | 41 | 48 | 51 | | | | | |
| explorer inc17 | 44 | 48 | 55 | | | | | |
| explorer inc18 | 47 | 48 | 59 | | | | | |
| explorer inc19 | 50 | 0 | 63 | | | | | |
| explorer inc20 | 54 | 0 | 68 | | | | | |
| explorer inc44 | 239 | 0 | 256 | 0 | | | | |
| explorer inc45 | 256 | 0 | 256 | 0 | | | | |
il y a 27 incréments de zoom sur le bureau
et 45 incréments de zoom sur l'Explorateur (y compris les valeurs par défaut du menu sur le "niveau inférieur")
spécification de format D'icône:
|**block** |**offset** |**offset** |**length** |**description** |
|-----------|-----------|-----------|-----------|-------------------------------|
|main header| 0 | | 2 |Reserved=0 |
| | 2 | | 2 |Image type: 1(.ICO) 2(.CUR) |
| | 4 | | 2 |Number of images in container |
|image head1| 6 | 0 | 1 |Pixel width |
| | 7 | 1 | 1 |Pixel height |
| | 8 | 2 | 1 |Color palette size or 0 |
| | 9 | 3 | 1 |Reserved=0 |
| | A | 4 | 2 |Color planes=0 or 1 |
| | C | 6 | 2 |Bits per Pixel |
| | E | 8 | 4 |Image raw size |
| | 12 | C | 4 |Offset of imageblock from BOF |
|image head2| 16 | 0 | 1 |Pixel width |
| ... | ... | ... | ... |... |
|imageblock1| ... | ... | ... |all image data goes here: |
| | ... | ... | ... | pngs included in whole |
| | ... | ... | ... | bmps missing first 14 bytes |
les icônes que vous voyez dans Windows 10 sont emballées dans une police d'icône nommée Segoe MDL2 Assets et toutes les applications UWP intégrées comme Groove Music utilisent cette police pour les icônes. Aussi quelques applications dans le magasin Windows l'utilisant.