¿Qué es un archivo ICO? Tamaños de icono, favicons y cuándo usar ICO
Entiende el formato contenedor ICO, los tamaños que alberga y por qué sigue siendo importante para favicons e iconos de escritorio
Convertir ahora¿Qué es un archivo ICO?
Un archivo ICO es un formato de imagen creado por Microsoft en los primeros días de Windows. A diferencia de un JPEG o PNG, que almacena una sola imagen a una sola resolución, un archivo ICO es un contenedor que puede albergar múltiples imágenes a diferentes tamaños y profundidades de color dentro de un solo archivo. Cuando un sistema operativo o navegador necesita mostrar un icono, elige la imagen más adecuada del conjunto incluido dentro del ICO.
Este enfoque de contenedor resuelve un problema real. Un diminuto icono de pestaña de 16 píxeles y un acceso directo de escritorio de 256 píxeles requieren niveles de detalle muy diferentes, y escalar una sola imagen hacia arriba o abajo rara vez produce resultados limpios. Al incrustar versiones específicas a 16, 32, 48, 64, 128 y 256 píxeles, el formato ICO permite que cada contexto muestre un icono nítido y perfecto a nivel de píxel sin artefactos de redimensionamiento en tiempo de ejecución.
Internamente, cada imagen almacenada en un archivo ICO puede estar codificada como un mapa de bits BMP o como un marco comprimido en PNG. Los archivos ICO modernos suelen usar compresión PNG para los tamaños más grandes (128 px y superiores) para mantener los tamaños de archivo manejables, mientras que los tamaños más pequeños pueden permanecer como datos BMP sin comprimir para máxima compatibilidad con sistemas heredados. El encabezado del archivo indica a la aplicación consumidora cuántas imágenes están incluidas y en qué dimensiones, para que la variante correcta se seleccione automáticamente.
ICO vs PNG: ¿cuándo realmente necesitas ICO?
PNG se ha convertido en el formato de imagen predeterminado en la web, así que es justo preguntar si ICO sigue siendo relevante. La respuesta corta: sí, pero solo en situaciones específicas. La tabla a continuación resume las diferencias clave.
| Característica | ICO | PNG |
|---|---|---|
| Múltiples tamaños en un archivo | Sí | No (una imagen por archivo) |
| Soporte de favicon en navegadores | Universal (todos los navegadores) | Solo navegadores modernos |
| Iconos de escritorio de Windows | Requerido | No compatible |
| Iconos de apps en macOS / Linux | No se usa | Preferido |
| Transparencia | Sí (canal alfa) | Sí (canal alfa) |
| Eficiencia de tamaño de archivo | Mayor (múltiples imágenes) | Menor (imagen única) |
Para favicons, ICO sigue siendo la opción más segura cuando necesitas soportar todos los navegadores, incluyendo versiones antiguas de Internet Explorer que no reconocen favicons PNG. Un favicon.ico colocado en la raíz del sitio es detectado automáticamente por prácticamente todos los navegadores jamás lanzados. Si solo apuntas a navegadores modernos, un favicon PNG declarado vía una etiqueta <link> funciona bien, pero el respaldo ICO no cuesta casi nada añadirlo.
Para iconos de escritorio y barra de tareas de Windows, ICO es el único formato aceptado. Los archivos ejecutables (.exe) incrustan sus iconos como recursos ICO, y los archivos de acceso directo (.lnk) referencian archivos ICO directamente. Si estás construyendo o personalizando aplicaciones de Windows, ICO es innegociable.
En macOS y Linux, ICO generalmente no se usa. macOS se basa en archivos ICNS y PNGs, mientras que la mayoría de los entornos de escritorio Linux aceptan SVG o PNG. Así que si tu audiencia está exclusivamente en esas plataformas, puedes omitir ICO por completo.
Tamaños ICO comunes y para qué sirven
No todos los tamaños sirven para el mismo propósito. La tabla a continuación mapea cada dimensión estándar de ICO a su uso típico, junto con una recomendación sobre si incluirlo.
| Tamaño (px) | Dónde se usa | Recomendación |
|---|---|---|
| 16 × 16 | Pestañas del navegador, barras de direcciones, menús de marcadores | Incluir siempre |
| 32 × 32 | Barra de tareas de Windows, pestañas de navegador más nuevas en pantallas de alta resolución | Incluir siempre |
| 48 × 48 | Iconos de escritorio de Windows (vista estándar), vista de lista del Explorador de Windows | Incluir para uso de escritorio |
| 64 × 64 | Algunos contextos de interfaz de Windows, barra de tareas de alta resolución | Opcional pero útil |
| 128 × 128 | Vista de iconos grandes de Windows, algunos docks | Incluir para iconos grandes nítidos |
| 256 × 256 | Vista de iconos extra grandes de Windows, pantallas de alta resolución | Incluir para la mejor calidad |
Para un ICO solo de favicon, los tamaños esenciales son 16 y 32 píxeles. Añadir 48 píxeles cubre los accesos directos del escritorio de Windows que enlazan a tu sitio. Para una inmersión más profunda en qué tamaños de favicon importan más, consulta nuestra guía sobre tamaños de favicon explicados.
Para iconos de aplicaciones de Windows, deberías incluir el rango completo de 16 a 256. La variante de 256 píxeles es especialmente importante en monitores modernos de alta resolución, donde Windows puede renderizar iconos de escritorio a tamaños muy grandes. Omitirla significa que el sistema operativo agrandará una imagen más pequeña, produciendo resultados borrosos o pixelados.
Cómo crear un archivo ICO a partir de cualquier imagen
Crear un archivo ICO solía requerir software de escritorio especializado, pero las herramientas modernas basadas en navegador hacen que el proceso sea rápido e indoloro. Any2ICO acepta imágenes de origen PNG, JPG, WebP, GIF, BMP, AVIF y SVG de hasta 10 MB cada una y produce un archivo ICO multitamaño correctamente estructurado en segundos.
Aquí tienes un flujo de trabajo rápido:
- Elige tu imagen de origen. Comienza con la resolución más alta disponible. Una fuente de 512 píxeles o más le da al conversor suficiente detalle para producir versiones reducidas limpias en cada tamaño objetivo.
- Elige tus tamaños. Selecciona los tamaños que necesitas: 16, 32, 48, 64, 128 y 256. Puedes elegir cualquier combinación.
- Configura las opciones de escalado y fondo. Elige entre ajustar (encajar la imagen dentro del cuadrado, preservando la relación de aspecto) o recortar (llenar el cuadrado, cortando los bordes). Elige un fondo transparente o blanco para las áreas de relleno.
- Convierte y descarga. Any2ICO agrupa los tamaños seleccionados en un solo archivo ICO. Si estás convirtiendo múltiples imágenes de origen, puedes descargarlas todas a la vez en un archivo ZIP.
Toda la conversión se realiza en tu navegador usando la Canvas API. Los archivos que importas desde tu dispositivo se envían a través del servidor para su procesamiento pero no se almacenan permanentemente. Si pegas desde el portapapeles, esos datos nunca salen de tu máquina.
Para un tutorial paso a paso de favicon, consulta nuestra guía sobre cómo crear un favicon.ico.
Conclusiones clave
El formato ICO puede tener décadas de antigüedad, pero sigue siendo indispensable para dos casos de uso principales: favicons e iconos de Windows. Su capacidad de agrupar múltiples resoluciones en un solo archivo garantiza que cada contexto de visualización, desde una pestaña de navegador de 16 píxeles hasta un acceso directo de escritorio de 256 píxeles, obtenga una imagen nítida y creada específicamente para ese propósito.
Cuando estés listo para crear tu propio ICO, recuerda estos principios: comienza con una fuente de alta resolución, incluye al menos 16, 32 y 256 píxeles, y usa una herramienta como Any2ICO que te dé control preciso sobre qué tamaños y opciones de escalado aplicar. Para más información sobre cómo elegir los tamaños correctos para tu favicon, lee Tamaños de favicon explicados.