Formato ICO (Icono de Windows) — Guía Completa
¿Qué Es ICO?
ICO es un formato de archivo para iconos usado por el sistema operativo Microsoft Windows y las aplicaciones de Windows. Un archivo ICO es un contenedor — no una imagen única, sino una colección de imágenes almacenadas a múltiples tamaños y profundidades de color, todo en un solo archivo. Cuando Windows renderiza un icono (en el escritorio, en la barra de tareas, en las vistas de carpetas o en las barras de título de las aplicaciones), selecciona la imagen que mejor se adapta del contenedor ICO según el contexto de visualización y el DPI de la pantalla.
El formato data de Windows 1.0 (1985) y ha evolucionado a lo largo de las versiones de Windows. Los archivos ICO modernos soportan imágenes comprimidas con PNG de hasta 256 × 256 píxeles y color RGBA con transparencia alfa completa de 8 bits.
Estructura del Contenedor ICO
Cabecera ICONDIR
Cada archivo ICO comienza con una cabecera ICONDIR (Directorio de Iconos) de 6 bytes:
Reservado : 2 bytes (siempre 0)
Tipo : 2 bytes (1 = icono, 2 = cursor)
Recuento : 2 bytes (número de imágenes en el contenedor)
Tras la cabecera, hay una ICONDIRENTRY (16 bytes) por imagen, especificando ancho, alto, profundidad de color y desplazamiento de datos dentro del archivo.
Tamaños Estándar y Cuándo Windows Usa Cada Uno
Las aplicaciones Windows deben proporcionar iconos en tamaños específicos. Los contextos de visualización dictan cuál se selecciona:
| Tamaño | Caso de uso |
|---|---|
| 16 × 16 | Barra de tareas, barra de título de ventana, vista de carpeta pequeña, favicon de navegador |
| 24 × 24 | Iconos de barra de herramientas (algunas aplicaciones) |
| 32 × 32 | Icono de escritorio estándar (96 DPI / 100 % escalado) |
| 48 × 48 | Iconos grandes en el Explorador de archivos |
| 64 × 64 | Iconos extra grandes; escritorios de alta DPI |
| 128 × 128 | Iconos grandes de alta DPI |
| 256 × 256 | Vista "extra grande" de Windows Vista+; HiDPI / 200 % escalado |
Un archivo ICO bien preparado para una aplicación Windows moderna normalmente contiene 7–9 tamaños cubriendo 16, 24, 32, 48, 64, 128 y 256 px, garantizando un renderizado nítido a todos los niveles de escalado DPI.
Profundidades de Color
32 bits RGBA (Estándar Moderno)
Las imágenes ICO de 32 bits usan 8 bits por canal (RGBA): 24 bits de color completo más un canal alfa de 8 bits. Esto permite suavizado, sombras suaves y bordes semitransparentes — esencial para iconos que se ven profesionales contra cualquier fondo de escritorio.
8 bits Indexado (256 Colores)
Usado para compatibilidad hacia atrás con versiones de Windows muy antiguas. La transparencia en ICO de 8 bits es binaria (máscara XOR de 1 bit) — los píxeles son completamente opacos o completamente transparentes sin suavizado.
4 bits (16 Colores) y 1 bit (Monocromático)
Formatos heredados raramente usados hoy. Windows aún los renderiza en modos de accesibilidad de alto contraste.
Compresión PNG dentro de ICO (Windows Vista+)
Desde Windows Vista, las imágenes dentro de archivos ICO pueden almacenarse como flujos PNG completos y válidos en lugar de datos DIB en bruto. Las entradas ICO comprimidas con PNG:
- Reducen drásticamente el tamaño del archivo para imágenes grandes (256 × 256 PNG ≈ 10–30 KB vs. 300 KB como bitmap de 32 bits en bruto)
- Conservan el color RGBA completo y la transparencia alfa
- Son totalmente soportadas por Windows Vista, 7, 8, 10 y 11 nativamente
- También son soportadas por todos los principales navegadores como archivos favicon.ico
Uso de Favicon en Desarrollo Web
El favicon del navegador es un caso de uso crítico en el desarrollo web para los archivos ICO. Un favicon.ico colocado en la raíz del servidor es solicitado automáticamente por todos los navegadores:
<!-- Básico -->
<link rel="icon" href="/favicon.ico" sizes="any">
<!-- Complemento moderno (SVG) -->
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
¿Por Qué Usar ICO para Favicons en Lugar de PNG?
- Contenedor multitamaño — un archivo ICO sirve 16 × 16 (barra de direcciones), 32 × 32 (pestaña del navegador) y tamaños mayores; PNG requiere archivos separados por tamaño
- Soporte universal de navegadores — ICO ha sido soportado desde Netscape 5.0 (1999) y funciona en todos los navegadores sin declaración
- Degradación elegante — los sistemas más antiguos siempre encuentran un tamaño compatible dentro del contenedor ICO
Contenido Recomendado de ICO para Favicon
Para un sitio web moderno, el favicon.ico debe contener:
- 16 × 16 (32 bits RGBA) — barra de direcciones del navegador, lista de pestañas
- 32 × 32 (32 bits RGBA) — sitio anclado en la barra de tareas de Windows, barra de direcciones de alta DPI
- 48 × 48 (32 bits RGBA) — barra de tareas de Windows (iconos grandes)
Crear Archivos ICO
Desde Fuentes PNG
Mejor práctica: diseña el icono a 256 × 256 px en una herramienta vectorial (Illustrator, Figma, Inkscape), exporta a PNG en cada tamaño requerido y luego compila en ICO. Las herramientas dedicadas y los convertidores en línea (KaijuConverter) automatizan esta compilación.
Consideraciones de Diseño para Tamaños Pequeños
A 16 × 16 px, los logotipos complejos se vuelven indistinguibles. El diseño profesional de iconos implica:
- Simplificación — eliminar detalles finos; usar formas en negrita
- Sugerencia de píxeles — alinear los bordes críticos a la cuadrícula de píxeles para evitar el renderizado borroso sub-píxel
- Obra de arte separada por tamaño — el icono de 16 px es a menudo una versión radicalmente simplificada del de 256 px, no simplemente una reducción
Conversión de Imágenes a ICO
PNG → ICO
La conversión más común: las imágenes PNG en múltiples tamaños se compilan en un único contenedor ICO. La transparencia del canal alfa PNG se preserva en las capas RGBA de 32 bits del ICO.
SVG → ICO
La fuente SVG permite rasterización sin pérdidas a cualquier tamaño objetivo. Convertir SVG a ICO implica rasterizar a 16, 32, 48, 64, 128 y 256 px, luego empaquetar en ICO.
Ventajas y Limitaciones
| Aspecto | Detalle |
|---|---|
| Contenedor multitamaño | Sí — un archivo para todos los niveles DPI |
| Transparencia alfa | Completa de 8 bits (capas RGBA de 32 bits) |
| Animación | No (usar ANI para cursores animados) |
| Precisión de color | RGB completo; no HDR |
| Tamaño de archivo | 5–100 KB para un conjunto moderno completo |
| Plataforma | Nativo de Windows; los navegadores soportan favicon.ico universalmente |
| Equivalente macOS | ICNS (Apple Icon Image) |
ICO sigue siendo el formato de icono definitivo para software Windows y favicons web, proporcionando un versátil contenedor multitamaño confiable a lo largo de cuatro décadas de informática.
Conversiones relacionadas
Conversiones frecuentes del catálogo: