Jak funguje binární kontejner Windows .ICO (ICONDIR a ICONDIRENTRY)
Rychlá odpověď: Na rozdíl od PNG nebo JPEG je soubor .ico víceobrázkový binární kontejnerový adresář (ICONDIR), který ukládá více nezávislých rozlišení (od 16×16 až po 256×256 pixelů) v jednom souboru, aby Průzkumník Windows, hlavní panely a desktopové zkratky vybraly přesnou pixelovou vrstvu pro aktuální DPI.
Běžný omyl je, že převod PNG na .ico znamená jen změnu přípony. Když přejmenujete logo.png na logo.ico, resource compilery Windows Visual Studio (rc.exe), instalátory Inno Setup, Electron Builder i sestavení Tauri soubor odmítnou s chybou neplatné hlavičky.
Utiliome sestaví specifikaci-kompatibilní little-endian binární buffer .ico přímo v prohlížeči pomocí ArrayBuffer a DataView:
- 6bajtová souborová hlavička
ICONDIR: Zapíše 0x0000 (Reserved), 0x0001 (Type 1 = Windows Icon) a uint16 počet vložených vrstev rozlišení.
- 16bajtová adresářová tabulka
ICONDIRENTRY na vrstvu: Pro každé zvolené rozlišení (16, 24, 32, 48, 64, 128, 256) zapíše šířku a výšku pixelů (0 značí 256px podle specifikace Windows Vista+), barevné roviny (1), bity na pixel (32 pro plnou RGBA alfu), délku v bajtech a přesný offset.
- 32bitové RGBA PNG payloady snímků: Zřetězí každý kvalitně převzorkovaný PNG snímek na vypočítaném bajtovém offsetu.
Které vrstvy rozlišení .ICO skutečně používají Windows 10, 11 a desktopové aplikace?
Rychlá odpověď: Aby se zabránilo rozmazanému zvětšení nebo zubaté redukci na monitorech 100 %, 150 % a 200 % DPI, měl by desktopový soubor .ico obsahovat alespoň 16×16, 32×32, 48×48 a 256×256 — nebo všech 7 standardních vrstev pro plné pokrytí DPI.
Průzkumník souborů Windows a hlavní panel dynamicky vybírají různé vrstvy z kontejneru .ico podle režimu zobrazení uživatele a faktoru škálování monitoru:
| Vložená vrstva |
Kontext zobrazení Windows / aplikace |
16 × 16 px |
Zobrazení Podrobnosti/Seznam v Průzkumníku, titulkové lišty oken, kontextové nabídky a záložky prohlížeče |
24 × 24 px |
Oznamovací oblast / systémová lišta Windows 10/11 při 150% DPI a klasické panely nástrojů |
32 × 32 px |
Standardní desktopové zkratky, zobrazení Malé ikony v Průzkumníku a tlačítka hlavního panelu při 100% škále |
48 × 48 px |
Zobrazení Střední ikony v Průzkumníku, dlaždice nabídky Start a přepínač Alt+Tab |
64 × 64 px |
Hi-DPI (200% Retina/4K) hlavní panel a desktopové zkratky |
128 × 128 px |
Zobrazení Velké ikony v Průzkumníku a náhledy instalátorů macOS/cross-platform |
256 × 256 px |
Zobrazení Extra velké ikony v Průzkumníku, HiDPI škálování Windows 11 a vlastnosti .exe |
Převodník ICO vs. generátor favicon webu: výběr správného nástroje
Rychlá odpověď: Tento generátor a převodník ICO použijte, když potřebujete samostatný vícevrstvý soubor .ico (16px až 256px) pro Windows aplikace, úpravu desktopových složek nebo dávkový převod PNG-to-ICO. Generátor favicon použijte, když potřebujete kompletní webový balíček s Apple Touch ikonami, Android PWA PNG a site.webmanifest.
Zvolte nástroj, který odpovídá cílovému operačnímu systému nebo nasazení:
| Cílový případ použití |
Doporučený nástroj |
Proč sedí nejlépe |
Windows aplikace .exe (Electron, Tauri, C#, C++), ikony desktopových složek nebo dávkové soubory .ico |
Generátor a převodník ICO (tento nástroj) |
Zabalte až 7 nastavitelných vrstev rozlišení (16px–256px) do samostatných binárních .ico s podporou dávkového ZIP |
Favicony webu <head>, ikony iPhone Home Screen a Android PWA |
Favicon Generator |
Generuje favicon.ico + apple-touch-icon.png (180×180) + Android PNG 192/512px + site.webmanifest + HTML tagy |
Optimalizace zdrojového vektoru .svg před převodem |
SVG Optimizer |
Vyčistí bloat editoru a normalizuje geometrii viewBox |
Rasterizace .svg do vysoce rozlišeného .png až 8192px |
SVG to PNG Converter |
Exportuje bezeztrátové průhledné PNG při 1x, 2x, 4x nebo 8x |