Formato ICO: iconos de Windows y favicons
Formato ICO: un archivo con varios tamaños, cabecera, tamaños de Windows (16, 32, 48 y 256 px), iconos PNG, uso como favicon y cómo crearlo desde PNG.
ICO es el formato con el que Windows guarda los iconos de programas, archivos y accesos directos. El tipo de medio oficial registrado en la IANA es image/vnd.microsoft.icon, pero en la práctica se usa mucho más image/x-icon (MDN). Lo que más lo diferencia de un formato de imagen normal es que reúne en un solo archivo imágenes de varios tamaños. Windows elige y muestra el tamaño más adecuado según el contexto: la barra de tareas, la lista del Explorador o la vista de iconos grandes.
Estructura
Un archivo ICO empieza con una cabecera corta y una «lista de imágenes (directorio)». Cada entrada de la lista indica ancho y alto, número de colores y posición de los datos, y después vienen las imágenes reales. Cada imagen se guarda de una de estas dos formas:
- Formato BMP (DIB): el método tradicional. Guarda los datos de color junto con una máscara AND de 1 bit (si es transparente o no), y las imágenes de 32 bits representan transparencia suave con canal alfa. Se incluye sin la cabecera de archivo (
BM). - Formato PNG: admitido desde Windows Vista. Permite guardar iconos grandes con poco peso.
Un vistazo a la cabecera
Los primeros 6 bytes de un archivo ICO son un valor reservado (0), el tipo (1 = icono, 2 = cursor) y el número de imágenes que contiene. Después va una entrada de 16 bytes por imagen con ancho, alto, número de colores, tamaño y posición de los datos. Los campos de ancho y alto ocupan 1 byte y solo llegan a 255, así que existe la regla de escribir 256 píxeles como 0. Los archivos de cursor (.cur), que usan la misma estructura, guardan en lugar de los campos de planos de color y bits por píxel las coordenadas del punto de clic (hotspot).
Tamaños recomendados en Windows
Las directrices de diseño de iconos de Microsoft recomiendan incluir en los iconos de aplicación los tamaños 16×16, 32×32, 48×48 y 256×256. El icono de 256×256 se añadió en Vista, y lo habitual es guardar ese tamaño grande con compresión PNG. En los tamaños pequeños queda más nítido retocarlos aparte, con líneas más gruesas y menos detalle, que simplemente reducir la imagen grande.
Windows elige dentro del archivo el tamaño más cercano según la escala de pantalla (ajuste de DPI) y el modo de vista del Explorador, y genera los que faltan ampliando o reduciendo. Por eso, si incluyes todos los tamaños habituales, el icono no se verá borroso en ninguna pantalla. Muchos lugares, como el favicon de la pestaña del navegador, lo muestran a 16×16, así que el tamaño más pequeño es especialmente importante.
Favicon e ICO
Durante mucho tiempo, el favicon de los sitios web se ha servido como /favicon.ico en la raíz del sitio, y todos los navegadores principales lo admiten. Hoy se recomienda indicar favicons PNG o SVG con <link rel="icon"> (MDN), pero como algunos programas piden directamente /favicon.ico sin etiqueta link, muchos sitios mantienen también un ICO.
Google Search Central indica que el favicon que aparece en los resultados de búsqueda debe ser cuadrado (1:1) y de al menos 8×8 píxeles, y recomienda un tamaño mayor de 48×48 píxeles para que se vea bien en distintas pantallas. Entre los formatos admitidos menciona ICO, PNG, GIF, JPEG y BMP, entre otros.
Precauciones al convertir
- Usa un original cuadrado. Una imagen rectangular se estira o queda con márgenes. Si hace falta, recórtala antes a 1:1 con Recortar.
- Si partes de un PNG con fondo transparente, las esquinas del icono quedan naturales. Con un JPG como original queda el fondo blanco cuadrado.
- En tamaños muy pequeños como 16×16 el texto no se lee, así que conviene dejar solo la forma principal del logotipo.
- Al convertir PNG a ICO puedes incluir varios tamaños en un solo archivo.
- El Explorador de Windows guarda los iconos en caché: si cambias el icono y sigue viéndose el anterior, espera a que se actualice la caché o cambia el nombre del archivo para comprobarlo.
Pruébalo ahora