¿Realmente Necesitas Todos los Archivos de Favicon, o Solo favicon.ico?
Un generador te entrega una carpeta llena de archivos de icono. La mayoría de los sitios usan apenas un puñado de ellos. Aquí está para qué sirve, de verdad, cada uno, para que puedas entregar los que tus superficies necesitan y saltarte el resto con la conciencia tranquila.
Por qué los generadores te entregan el kit entero
Un generador de favicon exporta una docena de archivos o más porque no tiene forma de saber qué superficies te importan, así que las cubre todas de una vez: cada navegador, iOS, Android, instalación de PWA, tiles de Windows, todo el paquete. Es un valor por defecto sensato: los archivos son diminutos y entregar algunos sin usar no cuesta nada más que un poco de desorden.
Pero más archivos no es un favicon mejor. Es uno más cubierto. Si esa cobertura vale algo depende por completo de qué superficies alcanzan de verdad tus visitantes, y para muchos sitios esa es una lista corta.
Para qué sirve cada archivo, y quién lo necesita
| Archivo(s) | Superficie que atiende | ¿Lo necesitas? |
|---|---|---|
| favicon.ico | Pestañas del navegador, marcadores, rastreadores, lectores de feeds | Sí, siempre |
| favicon.svg / PNG 32px | Icono de pestaña más nítido en navegadores modernos | Está bien tenerlo |
| apple-touch-icon (180) | Acceso directo en la pantalla de inicio de iOS | Solo si la gente guarda tu sitio en un iPhone |
| manifest + PNG 192/512 | Instalación Android y PWA | Solo si es una app instalable |
| icono maskable | Recorte del icono adaptativo de Android | Solo para un PWA |
| icono 48px+ | El favicon en los resultados de búsqueda de Google | Sí, si te importa cómo te ves en la búsqueda |
El mínimo honesto
Para un sitio de marketing sencillo, un blog o una página de documentación, un único favicon.ico que contenga versiones de 16, 32 y 48 píxeles es genuinamente suficiente. Añade un SVG si quieres un icono nítido en pantallas de alta densidad, y listo. Nadie va a instalar tu blog en su pantalla de inicio, así que el apple-touch-icon y los iconos del manifest quedan ahí, sin usar.
Esa entrada de 48 píxeles hace doble función: es también el tamaño que Google quiere antes de mostrar un favicon junto a tu resultado, así que un buen .ico cubre discretamente tu apariencia en la búsqueda también.
Cuándo el conjunto completo se gana su lugar
Los archivos extra dejan de ser opcionales en el momento en que usas las superficies que atienden. Un PWA instalable ni siquiera ofrecerá la instalación sin un 192 y un 512 en su manifest. Una app que la gente añade a la pantalla de inicio del iPhone se ve rota sin un apple-touch-icon, porque iOS recurre a una captura de pantalla borrosa. Un producto que se apoya en el modo oscuro quiere un icono adaptable al tema para no desaparecer contra la barra de pestañas.
En esos sitios, los iconos "extra" no son extra en absoluto: son la única manera de verse bien en superficies que tus usuarios alcanzan de verdad. La cobertura importa exactamente donde se usa, que es justamente el punto que defiende el argumento a favor de la cobertura completa.
Entonces, ¿debería un generador hacerte elegir?
Nuestra opinión: exportar el conjunto completo es el valor por defecto correcto, porque es seguro y casi no te cuesta nada. Pero deberías sentirte libre de entregar solo lo que tus superficies necesitan (un favicon.ico para todos, más un apple-touch-icon y un manifest si tienes una app o un PWA) y borrar el resto sin culpa.
El modelo mental útil no es "cuántos archivos de favicon debería tener", es "en qué superficies aparezco de verdad". Responde a eso y la lista de archivos se responde sola.
Preguntas frecuentes
¿Necesito todos esos tamaños de favicon?
No. Un favicon.ico con versiones de 16, 32 y 48 píxeles cubre las pestañas del navegador y el icono de búsqueda de Google. Los otros tamaños corresponden a superficies específicas (pantallas de inicio de iOS, instalación Android y PWA), así que entrégalos solo si los usas.
¿Basta con solo favicon.ico?
Para las pestañas del navegador en cualquier navegador, sí. No basta para los accesos directos en la pantalla de inicio de iOS, la instalación de PWA o un icono adaptable al modo oscuro, y cada uno de ellos necesita su propio archivo. Si no usas esas superficies, un único buen .ico está bien.
¿Tener más archivos de favicon ayuda al SEO?
No. No hay beneficio de posicionamiento en los iconos extra. Google solo necesita un icono de al menos 48x48 para mostrar un favicon en los resultados; los archivos adicionales atienden superficies fuera de la búsqueda y no afectan a los rankings.
¿Los archivos de favicon sin usar ralentizarán mi sitio?
Apenas. Un archivo solo se descarga cuando una superficie lo solicita de verdad, y los favicons se almacenan en caché de forma agresiva tras la primera carga. El coste real de entregar iconos que no usas es el desorden en tu proyecto, no la velocidad de la página.