Paano Gumagana ang Windows .ICO Binary Container Format (ICONDIR at ICONDIRENTRY)
Mabilis na Sagot: Hindi tulad ng PNG o JPEG, ang .ico file ay multi-image binary container directory (ICONDIR) na nagta-store ng maraming independent resolutions (mula 16×16 hanggang 256×256 pixels) sa isang file para mapili ng Windows Explorer, taskbars, at desktop shortcuts ang exact pixel layer para sa current DPI.
Karaniwang misconception na ang pag-convert ng PNG sa .ico ay pagpalit lang ng file extension. Kung i-rename mo ang logo.png sa logo.ico, ire-reject ng Windows Visual Studio resource compilers (rc.exe), Inno Setup installers, Electron Builder, at Tauri builds ang file na may invalid header error.
Gumagawa ang Utiliome ng spec-compliant little-endian binary .ico buffer direkta sa browser mo gamit ang ArrayBuffer at DataView:
- 6-Byte
ICONDIR File Header: Sumusulat ng 0x0000 (Reserved), 0x0001 (Type 1 = Windows Icon), at ang uint16 count ng embedded resolution layers.
- 16-Byte
ICONDIRENTRY Directory Table per Layer: Para sa bawat selected resolution (16, 24, 32, 48, 64, 128, 256), sinusulat ang pixel width at height (0 ang ibig sabihin 256px ayon sa Windows Vista+ spec), color planes (1), bits per pixel (32 para sa full RGBA alpha), byte length, at exact byte offset.
- 32-Bit RGBA PNG Frame Payloads: Kina-concatenate ang bawat high-quality resampled PNG frame sa calculated byte offset nito.
Aling .ICO Resolution Layers ang Talagang Ginagamit ng Windows 10, Windows 11, at Desktop Apps?
Mabilis na Sagot: Para maiwasan ang blurry upscaling o jagged downscaling sa 100%, 150%, at 200% DPI monitors, dapat mag-embed ang desktop .ico file ng hindi bababa sa 16×16, 32×32, 48×48, at 256×256—o lahat ng 7 standard layers para sa full DPI coverage.
Dynamically pinipili ng Windows File Explorer at ng taskbar ang iba't ibang layers mula sa .ico container mo depende sa view mode ng user at monitor scale factor:
| Embedded Layer |
Windows / Application Display Context |
16 × 16 px |
File Explorer Details/List view, window title bars, context menus, at browser tabs |
24 × 24 px |
Windows 10/11 system tray / notification area sa 150% DPI scaling at classic toolbars |
32 × 32 px |
Standard Desktop shortcuts, File Explorer Small Icons view, at taskbar buttons sa 100% scale |
48 × 48 px |
File Explorer Medium Icons view, Start Menu tiles, at Alt+Tab switcher |
64 × 64 px |
High-DPI (200% Retina/4K) taskbar at desktop shortcuts |
128 × 128 px |
File Explorer Large Icons view at macOS/cross-platform installer previews |
256 × 256 px |
File Explorer Extra-Large Icons view, Windows 11 HiDPI desktop scaling, at .exe properties |
ICO Converter vs. Website Favicon Generator: Pagpili ng Tamang Tool
Mabilis na Sagot: Gamitin ang ICO Generator at Converter na ito kapag kailangan mo ng standalone multi-layer .ico file (16px hanggang 256px) para sa Windows apps, desktop folder customization, o batch PNG-to-ICO conversion. Gamitin ang Favicon Generator kapag kailangan mo ng full web bundle na may Apple Touch icons, Android PWA PNGs, at site.webmanifest.
Piliin ang tool na tumutugma sa target operating system o deployment target mo:
| Target na Use Case |
Inirerekomendang Tool |
Bakit Ito ang Pinakaangkop |
Windows .exe apps (Electron, Tauri, C#, C++), desktop folder icons, o batch .ico files |
ICO Generator at Converter (Tool na Ito) |
Nagpa-pack ng hanggang 7 customizable resolution layers (16px–256px) sa standalone .ico binaries na may batch ZIP support |
Website <head> favicons, iPhone Home Screen icons, at Android PWAs |
Favicon Generator |
Gumagawa ng favicon.ico + apple-touch-icon.png (180×180) + Android 192/512px PNGs + site.webmanifest + HTML tags |
I-optimize ang source .svg vector bago i-convert |
SVG Optimizer |
Nililinis ang editor bloat at ni-normalize ang viewBox geometry |
I-rasterize ang .svg sa high-res .png hanggang 8192px |
SVG to PNG Converter |
Nag-e-export ng lossless transparent PNGs sa 1x, 2x, 4x, o 8x |