Qué necesita de verdad un favicon en 2026
El favicon.ico solitario en la raíz dejó de bastar hace mucho, y el montón de archivos que ocupó su lugar es la razón de que existan generadores. La pestaña quiere 16 o 32 px. Un marcador en pantalla retina quiere 48. iOS quiere un apple-touch-icon de 180 px sin transparencia. Una app web instalable quiere 192 y 512 declarados en un manifest. Esta página produce todo eso desde una sola imagen.
Por qué el .ico sigue existiendo
Porque es el único archivo que el navegador busca sin que se lo digan. Una petición a /favicon.ico llega aunque no declares nada, y responder con un 404 es desperdiciar una petición en cada carga. El formato ni siquiera es un formato de imagen: es un contenedor con una cabecera pequeña, una entrada de directorio por tamaño y los datos después. Desde Windows Vista cada entrada puede guardar un PNG completo en lugar del bitmap antiguo, y eso es lo que permite que un .ico moderno conserve la transparencia.
Empieza cuadrado, y empieza grande
La herramienta encaja tu imagen dentro de cada cuadrado sin recortar, así que no se pierde nada importante, pero un logo ancho acaba con espacio vacío arriba y abajo, lo que lo hace parecer pequeño en la pestaña. Si tienes una marca cuadrada, úsala. Y parte de al menos 512 px: ampliar una imagen de 64 px a 512 no inventa detalle, sólo agranda el borrón.
El detalle que todos fallan a 16 px
Un icono que se ve precioso a 512 px suele volverse puré a 16. Los trazos finos desaparecen, los colores cercanos se funden y el texto queda como una mancha gris. Por eso la vista previa aquí muestra los tamaños reales y no una simulación reducida: si el cuadrado de 16 px es ilegible, la solución es un dibujo más simple, no un generador mejor.
Por qué funciona en tu navegador
Un logo rara vez es secreto, pero muchas veces es inédito: un cambio de marca, un producto sin lanzar, el archivo de un cliente bajo contrato. Subirlo a un generador significa dejar una copia en un servidor que no controlas, durante el tiempo que ese servidor quiera. Aquí el archivo se descodifica en memoria, se dibuja en canvas y se comprime localmente.
Dónde se usa de verdad cada archivo
El zip parece traer más archivos de los que nadie necesita, así que ayuda saber quién pide qué. El favicon.ico responde a la petición que el navegador hace por su cuenta, sin ninguna declaración. Los PNG de 16 y 32 px son lo que una pestaña moderna dibuja realmente cuando los declaras. El apple-touch-icon.png de 180 px es lo que usa iOS cuando alguien añade tu sitio a la pantalla de inicio, y ahí iOS ignora la transparencia y la rellena de negro: es el único caso en el que merece la pena elegir un fondo sólido. Los iconos de 192 y 512 px pertenecen al manifest y son lo que una app instalable muestra en el lanzador y en la pantalla de arranque. Ponlos todos en la raíz del sitio y el fragmento conecta el resto.