Conversor de ICO gratuito

Acerca del formato ICO

El formato ICO (Icon) es el formato estándar de los favicons de sitios web mostrados en las pestañas, favoritos y barras de dirección del navegador. Este convertidor admite varios tamaños en un solo archivo .ico, que es la norma moderna.

Preguntas frecuentes

¿Qué es un archivo ICO?

Un archivo ICO es un formato de imagen binario usado para los iconos en las aplicaciones de Windows y los favicons de sitios web. Puede contener varias imágenes a distintas resoluciones, lo que permite a los navegadores mostrar el tamaño adecuado según el contexto.

¿Qué tamaños incluir?

16×16 y 32×32 son los más habituales para los favicons de navegador. Incluye 64×64 y 128×128 para los accesos directos de Windows y las pantallas de alta densidad. 48×48 es útil para compatibilidad heredada. 256×256 se usa a veces para representaciones de icono de gran tamaño.

¿Cómo usar el favicon en mi sitio web?

Coloca el archivo favicon.ico en el directorio raíz de tu sitio, o referéncialo en tu HTML con: <link rel="icon" href="/favicon.ico">. La mayoría de los navegadores lo encuentran automáticamente en la raíz.

Una breve historia de ICO

Microsoft introdujo ICO con Windows 1.0 en noviembre de 1985, originalmente como un formato de recursos para iconos de aplicación monocromos de 32×32 píxeles almacenados dentro de archivos .EXE y .DLL. La extensión .ico independiente se formalizó para que los iconos pudieran editarse y compartirse al margen de los ejecutables. Windows 3.x añadió compatibilidad con 16 y 256 colores; Windows 95 convirtió ICO en un verdadero contenedor multirresolución (un archivo que contiene renderizaciones de 16 / 32 / 48 px, con el sistema operativo eligiendo automáticamente la mejor para cada contexto); Windows XP añadió alfa de 32 bits para bordes suavizados y sombras translúcidas; Windows Vista (2007) introdujo los iconos de 256×256 píxeles y permitió que cada entrada almacenara o bien un BMP clásico o bien un archivo PNG completo. La entrada codificada en PNG es ahora el estándar para los tamaños superiores a 48×48, porque un BMP de 32 bits de 256×256 sería de aproximadamente 256 KB por icono: un derroche. Muchos editores de iconos antiguos todavía usan por defecto los ICO solo de BMP y producen archivos 8-10× más grandes de lo necesario.

El formato saltó de «interno de Windows» a «estándar web global» en marzo de 1999, cuando Microsoft Internet Explorer 5 introdujo la convención /favicon.ico. Cuando un usuario añadía una página a «Favoritos», IE solicitaba /favicon.ico desde la raíz del sitio web y mostraba la imagen de 16×16 junto al marcador. El nombre «favicon» es un acrónimo de «favorites icon», directamente del menú Favoritos de IE. La convención nunca fue un estándar oficial del W3C en su lanzamiento; Microsoft simplemente documentó la ruta, los navegadores y los webmasters la adoptaron, y el resto del sector la siguió. Veintisiete años después, todos los navegadores importantes siguen solicitando /favicon.ico en la primera visita incluso cuando no existe ninguna etiqueta <link rel="icon">, razón por la cual los registros de servidor de cualquier propiedad web del mundo muestran peticiones de favicon de navegadores, rastreadores, lectores de RSS y bots de vista previa de enlaces, y 404 cuando el archivo falta.

Por qué ICO en lugar de PNG en 2026

Dado lo flexible que es PNG, ¿por qué sigue importando ICO? Tres razones:

• Accesos directos del escritorio de Windows y anclaje a la barra de tareas. Cuando un usuario crea un acceso directo en el escritorio o ancla un sitio a la barra de tareas, el Explorador de Windows necesita un ICO para renderizar el acceso directo en todos los tamaños de shell actuales del sistema operativo (16, 24, 32, 48, 64, 96, 256). Apuntar un .lnk a un PNG produce solo un tamaño con artefactos de escalado bilineal.
• Compatibilidad de favicon entre navegadores. Los navegadores modernos usan con gusto PNG y SVG mediante <link>, pero la petición implícita de /favicon.ico sigue dispararse en las visitas en frío, y los entornos corporativos / restringidos que ejecutan un Edge antiguo o IE 11 (todavía existentes en 2026 en contextos industriales, sanitarios y gubernamentales) solo renderizarán el ICO. Un .ico multitamaño y pequeño en tu raíz es el valor por defecto universal más seguro.
• Varios tamaños en un archivo. ICO puede contener 16, 32, 48, 64, 128 y 256 en una sola descarga, que es lo que genera esta herramienta. Los navegadores y los shells del sistema operativo eligen automáticamente la mejor variante para cada contexto.

La peculiaridad del tipo MIME que conviene señalar: los archivos ICO se sirven técnicamente como image/vnd.microsoft.icon (el tipo registrado por la IANA), pero el más antiguo image/x-icon es lo que emiten la mayoría de los servidores y plantillas de CMS, y es universalmente aceptado por los navegadores modernos. Ambos funcionan.

La recomendación de favicon de 2026

Un sitio moderno no debería depender solo de favicon.ico, pero tampoco debería omitirlo. El conjunto «mínimo moderno», defendido por realfavicongenerator.net y la documentación web de MDN, es ahora:

• favicon.ico (la salida de esta herramienta), obtenido automáticamente por cada navegador; necesario para los usuarios heredados y de IE / Edge antiguo.
• favicon.svg: un solo archivo, escala a cualquier densidad; admite claro/oscuro mediante prefers-color-scheme. Compatible con Chromium 80+ (principios de 2020) y Firefox 41+ (2015), pero Safari solo añadió compatibilidad en la versión 17 (septiembre de 2023). 2026 es el primer año en el que realmente puedes confiar en SVG solo en la mayoría de los navegadores.
• favicon-32x32.png y favicon-16x16.png: alternativas rasterizadas perfectas al píxel para los navegadores que prefieren PNG sobre SVG cuando ambos están listados.
• apple-touch-icon.png (180×180), para los accesos directos de la pantalla de inicio de iOS. Apple no usa ICO ni SVG; se requiere PNG.
• android-chrome-192x192.png y android-chrome-512x512.png: referenciados desde un manifiesto web para los lanzadores de Android y las instalaciones de PWA.
• manifest.webmanifest: declara los iconos PNG, el color del tema, el nombre de la app y el modo de visualización para las PWA.

El bloque head del HTML expone todo esto:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">
<meta name="theme-color" content="#ffffff">

El atributo sizes="any" en el enlace .ico le dice a los navegadores modernos «este archivo contiene tamaños arbitrarios, úsalo solo como alternativa», así que prefieren el SVG cuando está disponible. La tendencia de 2024-2026 en las guías de buenas prácticas es podar agresivamente: distribuir esos cuatro archivos más un manifiesto. Los antiguos «paquetes de favicon de 16 archivos» con mosaicos mstile y yandex ya no se recomiendan a menos que te dirijas específicamente a esas plataformas.

Dentro de un archivo ICO

Para los curiosos: la disposición binaria es sencilla. Una breve cabecera ICONDIR (6 bytes: reservado, tipo=1 para iconos, recuento de imágenes), seguida de N registros ICONDIRENTRY (16 bytes cada uno, que listan ancho / alto / recuento de colores / tamaño / desplazamiento del archivo), seguida de N mapas de bits de imagen. Cada entrada de imagen puede ser o bien un BMP/DIB de estilo antiguo o (desde Vista) un archivo PNG completo con su propia cabecera. El registro ICONDIRENTRY siempre almacena el ancho y el alto como bytes, donde 0 significa 256 (el máximo). Por eso ICO admite hasta 256×256, pero no más grande; el formato tendría que revisarse para almacenar imágenes mayores.

Herramientas para probar lo que generas

• El verificador de realfavicongenerator.net: visita tu sitio e informa de los problemas de renderizado por plataforma. Estricto pero preciso.
• El comprobador de favicon.io: una comprobación visual rápida en pestañas de navegador simuladas.
• Las DevTools del navegador. Fuerza la actualización con Ctrl+F5 (o Cmd+Shift+R) para saltarte la caché de favicon, que es famosamente agresiva: Safari en particular almacena en caché los favicons entre reinicios y a veces ignora las actualizaciones durante horas.
• URL directa. Visita yoursite.com/favicon.ico en una pestaña nueva para confirmar que el archivo se sirve realmente. Un problema común: el archivo existe, pero el servidor devuelve 404 porque está fuera de la ruta de archivos estáticos configurada.

Cuándo recurrirías a esto

• Crear el conjunto de favicon de un sitio nuevo. Genera aquí el .ico multitamaño, más un SVG y un PNG apple-touch usando otras herramientas.
• Actualizar un favicon existente. Vuelve a exportar el .ico multitamaño tras una renovación del logotipo.
• Anclar un acceso directo del escritorio de Windows a una URL de icono personalizado.
• Generar el icono de una app de Electron / Tauri: las apps de escritorio de Windows quieren ICO para la sección de recursos del ejecutable.
• Reemplazar un favicon tofu / 404 en un sitio ya publicado que nunca tuvo uno.

Más preguntas

Mi favicon se actualizó, pero mi navegador sigue mostrando el antiguo, ¿por qué?

El almacenamiento en caché de favicon es famosamente agresivo. Los navegadores almacenan en caché los favicons entre reinicios y no siempre respetan las cabeceras HTTP cache-control. Forzar la actualización (Cmd+Shift+R en Mac, Ctrl+F5 en Windows) suele funcionar en Chromium y Firefox; Safari a veces necesita un cierre y reinicio completo, y en iOS el icono de la pantalla de inicio puede necesitar que se vuelva a añadir la página por completo. Añadir una cadena de consulta (/favicon.ico?v=2) fuerza una actualización en la mayoría de los navegadores, pero no siempre funciona para la petición implícita de /favicon.ico; para eso, declara la nueva URL en una etiqueta <link rel="icon">.

¿Qué tamaños debería incluir?

Para los favicons de navegador: 16 y 32 son esenciales. 48 ayuda con las pestañas de Windows de alto DPI. Para los accesos directos del escritorio de Windows y el anclaje a la barra de tareas: incluye 64 y 128 (y 256 para la vista «Extra grande» del Explorador, la más grande). La selección por defecto de esta herramienta (16/32/48/64) cubre el 99 % de los casos. Añadir 128 o 256 aumenta el tamaño del archivo notablemente (un 256×256 codificado en PNG ronda por sí solo los 30-40 KB), así que inclúyelos solo si realmente necesitas el renderizado del shell de Windows.

¿Debería usar un fondo transparente?

Casi siempre, sí: los navegadores modernos muestran los favicons contra el color del cromo de la pestaña, que difiere entre el modo claro, el modo oscuro y el anclaje de pestañas. Los PNG transparentes (o una entrada transparente al conversor) producen bordes limpios sobre todos los fondos. La excepción son los logotipos que resultan ilegibles sin un respaldo de color; para esos, incorporar el color de fondo está bien. PNG e ICO admiten ambos la alfa completa; JPEG no, así que las entradas JPG pierden la transparencia.

¿De verdad sigue siendo necesario favicon.ico en 2026?

Sí, pero solo como alternativa. Cada navegador sigue solicitándolo implícitamente en la primera visita incluso con etiquetas <link> modernas en su lugar; los accesos directos del escritorio de Windows y el anclaje a la barra de tareas lo necesitan; los entornos corporativos que todavía ejecutan IE11 o Edge antiguo (sí, existen en sanidad, fabricación y administración pública) lo necesitan. Un .ico multitamaño de 4-8 KB en tu raíz es el valor por defecto universal más seguro, junto con SVG y PNG mediante etiquetas <link> para todos los demás.

¿Se envía algo a un servidor?

No. La imagen se decodifica en tu navegador, se escala a cada tamaño solicitado mediante la API Canvas 2D y se ensambla en un binario ICO mediante JavaScript. El resultado se descarga directamente a tu dispositivo. Nada sobre tu imagen (incluido cualquier diseño de logotipo en el que aún puedas estar trabajando) sale de la página.

Herramientas relacionadas