El formato ICO sigue siendo, veinte y tantos años
después de su creación, el que pide Windows para el icono de un
ejecutable y el que muchos navegadores buscan por defecto en
/favicon.ico. La particularidad del ICO es que no es una
sola imagen: es un contenedor que agrupa varias
resoluciones (16, 32, 256 px…) dentro del mismo archivo,
y el sistema elige la que necesita según dónde se muestre. Convertir
un PNG normal a ese formato requiere una herramienta que arme
correctamente esa estructura — no alcanza con cambiarle la
extensión al archivo.
Un error frecuente es tomar un logo.png y guardarlo como
logo.ico esperando que funcione. No funciona: un ICO
real tiene una cabecera binaria (ICONDIR) que describe
cuántas imágenes contiene y a qué resolución, seguida de los datos de
cada una. Sin esa estructura, Windows y los navegadores no reconocen
el archivo como un icono válido, aunque la extensión diga
.ico.
app.ico con las resoluciones 16, 24, 32, 48, 64, 128 y 256 px embebidas en un solo archivo..ico y usalo como favicon (favicon.ico) o como icono del ejecutable de tu app de Windows.
Para el navegador, basta con subir el favicon.ico a la
raíz del sitio (o donde apunte tu servidor) y, opcionalmente,
declararlo en el HTML:
<link rel="icon" href="/favicon.ico" sizes="48x48">
Muchos navegadores y crawlers piden /favicon.ico
directamente aunque no esté declarado en el HTML, así que conviene
tenerlo siempre en la raíz del dominio como respaldo, incluso si tu
favicon principal es un PNG o SVG más moderno.
Si estás empaquetando una aplicación de escritorio (con Electron,
Tauri, .NET o cualquier otro stack), el instalador y el ejecutable
piden un .ico multi-resolución para mostrar en el
Explorador de archivos, la barra de tareas y los accesos directos.
Ahí es donde más se nota si el ICO tiene pocas resoluciones: un icono
que solo incluye 256 px se ve borroso al escalarlo hacia abajo
para la barra de tareas (habitualmente 32 o 16 px), mientras que
uno con las siete resoluciones estándar se ve nítido en cualquier
contexto.
Un ICO es un contenedor que agrupa varias imágenes de distinta resolución (por ejemplo 16, 32 y 256 px) en un solo archivo. El sistema operativo o el navegador elige automáticamente la resolución que necesita según dónde se muestre el icono.
Técnicamente se puede convertir cualquier PNG, pero el resultado se ve mejor si el original es cuadrado: si no lo es, el conversor lo encaja dentro de un cuadrado y puede agregar márgenes o recortar los bordes más largos.
Ninguna a nivel de formato: es el mismo tipo de archivo ICO
multi-resolución. La diferencia está en el uso: el navegador lo pide
en /favicon.ico o vía link rel="icon",
mientras que Windows lo asocia al ejecutable o acceso directo de una
aplicación de escritorio.
Casi siempre porque el ICO no incluye la resolución exacta que pide el navegador (16 o 32 px) y el navegador escala una resolución más grande al vuelo. Generá el ICO con todas las resoluciones estándar (16, 24, 32, 48, 64, 128, 256) para evitarlo.
Convertir mi PNG a ICO →De los 20 tamaños legendarios a los 5 archivos que de verdad hacen falta hoy, con el snippet HTML completo.
Todas las medidas vigentes en un solo lugar, incluidos los modos dark/tinted de iOS 18 y los iconos temáticos de Android 13+.
El formato exacto que pide WhatsApp y cómo dejar tu sticker con fondo recortado, contorno y peso bajo control.