Convertir WebP a ICO

La situación se repite mucho: los archivos de diseño están en una cuenta de una agencia que ya no responde, en un ordenador que cambió de dueño hace dos empleos, o simplemente nunca existieron como tales. Lo único que sobrevive es la imagen que la propia web sirve, convertida a WebP por un paso de compilación o por un servicio de imágenes.

Es un punto de partida razonable y produce un favicon perfectamente utilizable. Aun así merece medio minuto buscar algo mejor primero: probar /favicon.svg en el dominio, revisar el código fuente de la página en busca de ".svg", o comprobar si la misma imagen se sirve como PNG en un elemento picture de reserva.

El ICO que produce esta página tiene un límite de 256 píxeles en su lado más largo —lo fija el propio formato, porque el directorio guarda cada dimensión en un solo byte y 256 se anota como cero. En la mayoría de páginas de conversión ese límite es el problema principal, porque el origen suele ser un archivo de imprenta o una fotografía de miles de píxeles.

Aquí no suele serlo. Las webs sirven sus logotipos al tamaño que necesita la maqueta, a menudo mediante un servicio de redimensionado, y entre 240 y 400 píxeles de ancho es normal para una marca de cabecera —más que suficiente para los tres tamaños que se generan por defecto. El riesgo va en la otra dirección solo si se pide un juego de tamaños mayor del que el origen puede sostener.

WebP existe en dos variantes y la extensión no dice cuál es. Un WebP sin pérdida de un logotipo plano queda tan limpio como un PNG. Uno con pérdida ha pasado por una transformación que suaviza las zonas planas y deja un ligero halo en los bordes duros, invisible a 400 píxeles pero perceptible después de reducirlo a 32 y colocarlo junto al título de una pestaña.

El síntoma es un halo gris pegado al trazo y una falta de nitidez en lo que debería ser un relleno sólido. Nada en esta conversión lo elimina, porque esa información ya no está en el archivo. Ayuda partir de una fuente más grande —un WebP con pérdida de 400 píxeles reducido a 256 promedia parte del halo— y recortar hasta el símbolo, dejando fuera el nombre completo de la marca.

El ICO que se genera aquí contiene un PNG en cada tamaño, no un mapa de bits sin comprimir, y eso trae consigo un canal alfa real de 8 bits. Como WebP también lo tiene, un logotipo recortado llega recortado, con los bordes suavizados.

Un favicon lo necesita más que casi cualquier otra imagen: vive en la barra de pestañas, que cambia de color entre tema claro y oscuro y entre navegadores. Una marca sobre un cuadrado blanco opaco se ve como un error en modo oscuro. Si el WebP no tiene fondo transparente pero el logotipo va sobre blanco liso, quitar ese fondo antes de convertir es el ajuste con más impacto de toda la página.

WebP puede contener una animación, y el descodificador que usa esta herramienta solo lee imágenes fijas. Un archivo animado se rechaza con un mensaje legible en vez de convertirse silenciosamente en su primer fotograma.

Tampoco supone una pérdida real en este caso: los navegadores no animan los favicons en formato ICO, así que un origen animado nunca iba a producir un icono en movimiento. Si hace falta un fotograma concreto, basta con abrir el archivo, pausarlo, capturar la pantalla y convertir esa captura.

Esto es una cuestión de diseño más que de conversión, y decide la mayor parte del resultado. Un favicon se ve normalmente a 16 o 32 píxeles, y a ese tamaño un eslogan se convierte en una mancha gris, un trazo fino desaparece y una marca con más de tres elementos distintos se vuelve una mancha borrosa.

Recortar el WebP hasta el símbolo antes de convertir —sin el nombre de la marca, sin márgenes— suele mejorar más el resultado que cualquier ajuste de esta página. Si la marca es solo texto, una letra sola en la tipografía corporativa es lo que hacen casi todos los sitios conocidos, y se lee a 16 píxeles donde el nombre completo no se lee.

El contenedor ICO se diseñó para guardar varios tamaños de la misma imagen a la vez, y eso es lo que escribe esta página por defecto: 16, 32 y 48 píxeles como entradas separadas. Un navegador que dibuja una pestaña usa directamente la entrada de 16 en lugar de reducir sobre la marcha una imagen de 256.

Los metadatos no viajan en ningún sentido. Toda conversión de imagen en este sitio descodifica a píxeles puros y vuelve a codificar, así que cualquier EXIF, XMP o perfil ICC del WebP desaparece —no es algo que se pueda desactivar ni activar. Para un favicon eso es bienvenido: el resultado suele ser de apenas unos kilobytes.

El favicon va en la raíz del sitio, como /favicon.ico. Los navegadores piden exactamente esa ruta por su cuenta, aparezca o no mencionada en el HTML, y por eso el error 404 sigue apareciendo en el registro incluso en sitios que ya declaran un icono en la cabecera. Añadir además un elemento link no hace daño.

Después conviene vaciar la caché antes de dar nada por definitivo: los navegadores y los proxies intermedios guardan el favicon de forma muy agresiva, y un cambio puede tardar un día entero o una recarga forzada en notarse. Los navegadores modernos también aceptan PNG o SVG a través de un link, así que el .ico es estrictamente necesario solo para la petición directa a /favicon.ico y para los accesos directos de Windows.

libwebp compilado a WebAssembly descodifica el archivo, la imagen se escala y se codifica como PNG en cada tamaño, y alrededor se escribe la cabecera del ICO con su directorio. Todo ocurre en el navegador: no se sube nada, no hace falta cuenta ni hay un límite diario que agotar.

Merece decirse en esta página en concreto porque el archivo suele ser el logotipo de alguien —a veces de un cliente, a veces uno que aún no es público. El límite gratuito es de 100 MB por archivo, muy por encima de lo que pesa cualquier logotipo, y se pueden procesar varias marcas de una vez: se arrastra una carpeta entera y se descarga todo como un ZIP.