Jak utworzyć ikony aplikacji Windows

Powierzchnie interfejsu Windows skalują się od 16 × 16 glifów obszaru powiadomień do 256 × 256 jumbo pinów na paskach zadań o wysokiej rozdzielczości DPI. Jedna mapa bitowa rozciągnięta w tym zakresie wygląda na miękką lub zawierającą piksele.

Kontener .ico istnieje, więc pojedynczy plik zawiera wiele wstępnie renderowanych klatek. Shell32 wybiera najbliższy rozmiar zamiast zwiększać rozmiar małego obrazu.

Ikony favicon sieci Web i aplikacji komputerowych mają ten sam format kontenera. Transfer umiejętności pomiędzy wysyłką favicon.ico a pakowaniem pliku wykonywalnego Win32 lub 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.

Firma Microsoft zaleca osadzanie kwadratów o wymiarach 16, 24, 32, 48, 64, 128 i 256 pikseli w jednym .ico w przypadku nowoczesnych aplikacji.

16 i 24 obejmują małe listy powłok. 32 i 48 obejmują standardowe i średnie widoki ikon w Eksploratorze plików. 64 i nowsze obejmują miniatury o wysokiej rozdzielczości i kafelki menu Start.

Pominięcie 256 nie zawsze niczego psuje, ale przypięte kafelki na monitorach 4K wyglądają bez niego zauważalnie miękko.

Starsze narzędzia przechowują 256 × 256 jako nieskompresowany 32-bitowy plik BMP w .ico. Ta pojedyncza klatka może przekraczać 256 KB i powodować nadmierne instalowanie.

Nowoczesne kodery przechowują duże ramki w postaci skompresowanych obiektów blob w formacie PNG w kontenerze ICO. Jakość wizualna pozostaje taka sama; rozmiar bajtu spada 5–10×.

Zawsze sprawdzaj ostateczny rozmiar .ico. Rozmiar poniżej 50 KB jest typowy dla płaskiego logo z kompresją PNG; ponad 200 KB sygnalizuje wzdęcia BMP.

FetchFavicon akceptuje master 512×512 i emituje gotowy do użycia w Internecie .ico ze skompresowanymi PNG ramkami o dużych rozmiarach – odpowiedni do osadzania zasobów Electron, Tauri i klasycznego Win32.

Edytor zasobów programu Visual Studio sprawdza strukturę ICO podczas kompilowania aplikacji natywnych. Przetestuj tam przed wysyłką MSI.

Unikaj zmiany nazwy pojedynczego PNG na .ico. Eksplorator Windows może wyświetlić podgląd, ale skalowanie powłoki będzie ucierpiało.

Aplikacja Electron: umieść favicon.ico w zasobach kompilacji; ustaw win.icon w pliku electro-builder.yml na ten sam plik o wielu rozmiarach.

Instalator Inno Setup: SetupIconFile=assets\app.ico musi wskazywać .ico zawierający co najmniej 32 i 48 klatek.

Przenośna dystrybucja ZIP: użytkownicy przypinają plik .exe do paska zadań; Windows odczytuje osadzone zasoby ikon z nagłówka PE, który kompilujesz z tego samego wzorca .ico.

Korporacyjne MSI: podpisz instalatora po osadzeniu ikon — zmiana .ico po podpisaniu unieważnia podpis.

Czy .ico jest taki sam w Internecie i na komputerze? Ta sama specyfikacja kontenera; aplikacje komputerowe osadzają go jako zasób PE zamiast udostępniać przez HTTP.

Czy potrzebuję oddzielnych ikon dla wersji Windows? Jeden nowoczesny wielowymiarowy .ico obejmuje Windows 10 i 11.

A co z .ico kontra .png dla UWP? UWP używa zasobów PNG w manifeście pakietu; klasyczny Win32 nadal chce .ico.

Czy mogę wyodrębnić rozmiary z istniejącego .ico? Tak, z konwersją IcoFX lub ImageMagick na potrzeby audytu.

Ikona zamazana na pasku zadań: brak ramki 32 lub 48; Zamiast tego Windows przeskalowano do 16.

Ikona instalatora jest nieprawidłowa, ale ikona exe jest prawidłowa: Inno Setup IconFile nadal wskazuje na starą ścieżkę. Odbuduj instalator.

Ogromne zatwierdzenia git po dodaniu ikony: popełniłeś .ico w stylu BMP. Reeksportuj z kompresją PNG.

Ikona wyświetla się tylko na komputerze deweloperskim: zasób nie jest osadzony w konfiguracji kompilacji wydania — sprawdź pliki .rc i artefakty CI.

Natywne aplikacje Win32 odwołują się do .ico w skryptach zasobów .rc skompilowanych w pliku PE. Identyfikator zasobu 1 jest domyślną ikoną aplikacji.

Pakiety elektronów odczytują win.icon z konfiguracji narzędzia do tworzenia elektronów; ten sam wielowymiarowy plik .ico jest wyodrębniany do końcowego pliku .exe.

Tauri na Windows oczekuje .ico w tablicy tauri.conf.json package.icon wraz z PNG dla innych platform.

Podpisywanie kodu nie weryfikuje pikseli ikon, ale zmiana zasobów po podpisaniu psuje podpis — sfinalizuj ikony przed podpisaniem Authenticode.

Przetestuj skompilowany plik .exe na czystej maszynie wirtualnej bez zainstalowanych narzędzi programistycznych. Eksplorator odczytuje osadzone zasoby, a nie ścieżkę repozytorium źródłowego.

Widok małych ikon w Eksploratorze preferuje ramki o rozdzielczości 16 i 32 pikseli. Bardzo duże ikony używają 256, jeśli są obecne.

Przypinanie na pasku zadań żąda ramek średniej wielkości; brakująca liczba 32 daje miękką, ekskluzywną skalę od 16.

Kafelki menu Start w Windows 11 są animowane z zasobami o wyższej rozdzielczości, gdy osadzony jest rozmiar 256 × 256.

Pliki skrótów .lnk na komputerze mogą niezależnie buforować ikony — usuwaj i odtwarzaj skróty po aktualizacji podstawowego .ico podczas kontroli jakości.

Przetestuj na 100% i 200% skalowaniu wyświetlacza na Windows 11. Każda skala wybiera inne klatki z tego samego ICO.

Przypnij do paska zadań, odepnij i przypnij ponownie po aktualizacji ikony, aby opróżnić pamięć podręczną powłoki podczas kontroli jakości.

Sprawdź Właściwości → Zmień ikonę na skrótach utworzonych przed aktualizacją — mogą odwoływać się do indeksów buforowanych.

Porównaj miniaturę Eksploratora z ikoną na pasku zadań — rozbieżności wskazują na brak klatek średniej wielkości.

Ikony MSI i EXE powinny pasować do favicon Twojej witryny, aby zapewnić ciągłość marki, gdy użytkownicy przypinają ją po instalacji.

Okna dialogowe dezinstalatora wykorzystują ten sam zasób ikon — użytkownicy zauważają rozbieżności między instalatorem a aplikacją.

Informacje o sklepach dotyczące pakietów Microsoft Store wymagają oddzielnych wymagań PNG; desktop ICO pozostaje odpowiedni dla sideloadu Win32.

Trzymaj jednego mastera ICO w repozytorium; Kompilacje CI skopiuj je do konfiguracji instalatora i web public/, aby uniknąć dryfu.

Windows SmartScreen nie ocenia piękna ikon — ale użytkownicy ufają pasującym ikonom podczas potwierdzania monitów o instalację.

Aplikacje macOS wymagają oddzielnie .icns; Windows ICO nie zastępuje ich w uniwersalnych kompilacjach Electron.

Wpisy na komputery stacjonarne systemu Linux często odwołują się do PNG przy 512 × 512; wygeneruj PNG z tego samego mastera co ICO.

Ikony sklepów mobilnych to kolejny zestaw eksportowy — narzędzia internetowe favicon są konieczne, ale niewystarczające w przypadku sklepów z aplikacjami.

Ujednolicone potoki wydań powinny zawierać wszystkie cele ikon na jednej liście kontrolnej, więc Windows ICO nigdy nie jest zapomnianym krokiem.

Oznacz informacje o wydaniu, gdy zmienią się zasoby ikon, aby pomoc techniczna mogła odpowiedzieć, dlaczego skróty wyglądają inaczej po aktualizacji.

Zweryfikuj osadzone zasoby ICO za pomocą narzędzia Resource Hacker lub jego odpowiednika przed podpisaniem ostatecznego pliku binarnego instalatora.

Dokument, który ramka ICO Windows wybrała podczas zrzutów ekranu kontroli jakości — pomaga podczas debugowania niewyraźnych raportów na pasku zadań.

Zachowaj ścieżkę ICO w instalatorze YAML z komentarzem z listą ramek oczekiwaną w pliku.