Cum se creează pictograme pentru aplicații Windows

Suprafețele UI Windows scala de la 16×16 glife ale zonei de notificare la 256×256 pini jumbo pe barele de activități cu DPI ridicat. Un bitmap întins pe acea zonă pare moale sau pixelat.

Containerul .ico există, astfel încât un singur fișier conține mai multe cadre pre-rendate. Shell32 alege cea mai apropiată dimensiune în loc să crească o imagine mică.

favicon-urile web și pictogramele aplicațiilor desktop au același format de container. Transferul de abilități între expedierea favicon.ico și ambalarea unui executabil Win32 sau Electron.

Use our favicon generator, PNG to ICO converter, SVG to ICO converter, and live favicon tester to build and verify your icon set, and read the companion guide for a condensed walkthrough.

Microsoft recomandă încorporarea pătratelor de 16, 24, 32, 48, 64, 128 și 256 de pixeli într-un singur .ico pentru aplicațiile moderne.

16 și 24 acoperă liste mici. 32 și 48 acoperă vizualizările pictogramelor standard și medii în File Explorer. 64 și mai sus acoperă miniaturile cu DPI ridicat și plăcile din meniul Start.

Omiterea 256 nu distruge întotdeauna nimic, dar plăcile fixate pe monitoarele 4K arată vizibil mai moi fără el.

Instrumentele vechi stochează 256×256 ca BMP necomprimat pe 32 de biți în interiorul .ico. Acel singur cadru poate depăși 256 KB și poate umfla instalatorii.

Codificatoarele moderne stochează cadre mari ca blob-uri comprimate PNG în interiorul containerului ICO. Calitatea vizuală rămâne identică; dimensiunea octetilor scade cu 5–10×.

Inspectați întotdeauna dimensiunea finală .ico. Sub 50 KB este tipic pentru un logo plat cu compresie PNG; peste 200KB semnalează BMP balonare.

FetchFavicon acceptă un master de 512×512 și emite un .ico gata pentru web cu cadre de dimensiuni mari comprimate cu PNG - potrivite pentru încorporarea de resurse Electron, Tauri și clasic Win32.

Editorul de resurse al Visual Studio validează structura ICO atunci când compilați aplicații native. Testați acolo înainte de a expedia un MSI.

Evitați redenumirea unui singur PNG în .ico. Windows Explorer poate afișa o previzualizare, dar scalarea shell-ului va avea de suferit.

Aplicația Electron: plasați favicon.ico în resursele de construcție; setați win.icon în electron-builder.yml la același fișier cu dimensiuni multiple.

Programul de instalare Inno Setup: SetupIconFile=assets\app.ico trebuie să indice un .ico care conține cel puțin 32 și 48 de cadre.

Distribuție portabilă ZIP: utilizatorii fixează fișierul .exe în bara de activități; Windows citește resursele de pictograme încorporate din antetul PE, pe care le compilați din același master .ico.

Corporate MSI: semnați programul de instalare după încorporarea pictogramelor - schimbarea .ico ulterioară semnării invalidează semnătura.

.ico este același pe web și desktop? Aceleași specificații ale containerului; aplicațiile desktop îl încorporează ca resursă PE în loc să fie difuzat prin HTTP.

Am nevoie de pictograme separate pentru fiecare versiune Windows? Un .ico modern cu dimensiuni multiple acoperă Windows 10 și 11.

Ce zici de .ico vs .png pentru UWP? UWP utilizează active PNG într-un manifest de pachet; Win32 clasic încă vrea .ico.

Pot extrage dimensiuni dintr-un .ico existent? Da, cu IcoFX sau ImageMagick convert pentru audit.

Pictogramă neclară pe bara de activități: lipsește 32 sau 48 de cadre; Windows a crescut la 16.

Pictograma de instalare greșită, dar pictograma exe corectă: Inno Setup IconFile indică în continuare o cale veche. Reconstruiți programul de instalare.

Comite git uriașe după adăugarea pictogramei: ați comis un .ico în stil BMP. Reexportați cu compresie PNG.

Pictograma se afișează numai pe mașina de dezvoltare: resursa nu este încorporată în configurația versiunii de lansare - verificați fișierele .rc și artefactele CI.

Aplicațiile native Win32 fac referire la .ico în scripturile de resurse .rc compilate în fișierul PE. ID-ul resursei 1 este pictograma implicită a aplicației.

Pachetele de electroni citesc win.icon din configurația electron-builder; aceeași dimensiune .ico este extrasă în .exe final.

Tauri pe Windows se așteaptă la .ico în matricea tauri.conf.json bundle.icon alături de PNG pentru alte platforme.

Semnarea codului nu validează pixelii pictogramei, dar modificarea resurselor după semnare rupe semnătura - finalizați pictogramele înainte de semnarea Authenticode.

Testați .exe compilat pe o VM curată, fără instrumente de dezvoltare instalate. Explorer citește resursele încorporate, nu calea depozitului sursă.

Vizualizarea pictogramelor mici în Explorer favorizează cadrele de 16 și 32 de pixeli. Pictogramele foarte mari folosesc 256 atunci când sunt prezente.

Fixarea barei de activități solicită cadre de dimensiune medie; lipsa 32 produce un upscale soft de la 16.

Dalele meniului Start de pe Windows 11 animați cu elemente de rezoluție mai mare când este încorporat 256×256.

Comenzile rapide .lnk de pe desktop pot stoca în cache pictogramele în mod independent - ștergeți și recreați comenzile rapide după actualizarea .ico de bază în timpul QA.

Testați scalarea afișajului 100% și 200% pe Windows 11. Fiecare scară alege cadre diferite din același ICO.

Fixați în bara de activități, anulați fixarea, fixați din nou după actualizarea pictogramei pentru a goli memoria cache a shell-ului în timpul QA.

Verificați Proprietăți → Schimbați pictograma pentru comenzile rapide create înainte de actualizare — acestea pot face referire la indici stocați în cache.

Comparați miniatura Explorer cu pictograma barei de activități — discrepanțele indică lipsa cadrelor de dimensiune medie.

Pictogramele MSI și EXE ar trebui să se potrivească cu site-ul dvs. favicon pentru continuitatea mărcii atunci când utilizatorii fixează după instalare.

Dialogurile de dezinstalare folosesc aceeași resursă de pictograme - utilizatorii observă nepotriviri între programul de instalare și aplicație.

Listările din magazin pentru pachetele Microsoft Store folosesc cerințe separate PNG; desktop ICO rămâne relevant pentru Win32 sideload.

Păstrați un master ICO în depozit; CI construiește copiați-l în configurația de instalare și web public/ pentru a evita deriva.

Windows SmartScreen nu judecă frumusețea pictogramelor, dar utilizatorii au încredere în pictogramele care se potrivesc atunci când confirmă solicitările de instalare.

Aplicațiile macOS au nevoie de .icns separat; Windows ICO nu le înlocuiește în construcții universale de electroni.

Intrările pentru desktop Linux fac adesea referire la PNG la 512×512; generați PNG din același master ca ICO.

Pictogramele magazinelor mobile sunt încă un alt set de export - instrumentele web favicon sunt necesare, dar nu suficiente pentru magazinele de aplicații.

Canalele de lansare unificate ar trebui să enumere toate țintele pictogramelor într-o singură listă de verificare, astfel încât Windows ICO nu este niciodată pasul uitat.

Note de lansare a etichetelor când resursele pictogramelor se modifică, astfel încât asistența să poată răspunde de ce comenzile rapide arată diferit după o actualizare.

Validați resursele încorporate ICO cu Resource Hacker sau echivalent înainte de a semna binarul final de instalare.

Documentați pe care ICO cadru Windows l-a ales în timpul capturilor de ecran QA — ajută la depanarea rapoartelor neclare din bara de activități.

Păstrați calea ICO în programul de instalare YAML comentată cu lista de cadre așteptată în fișier.