Written by David Kim — Frontend Developer & WordPress consultant. Built GenFavicon after too many sketchy generator sites. More about me →
Un cliente me preguntó una vez por qué su sitio web parecía "poco profesional". Revisé su SEO, sus textos, su diseño — todo estaba bien. Luego miré la pestaña del navegador. El icono de globo predeterminado. Sin favicon. Esa pequeña imagen de 16×16 píxeles era la razón por la que su sitio se sentía incompleto. Aquí tienes todo lo que necesitas saber.
Un favicon (abreviatura de "favorite icon", icono de favorito) es el pequeño icono que aparece en la pestaña del navegador, la barra de marcadores y el historial de búsqueda junto al nombre de un sitio web. Normalmente mide 16×16 o 32×32 píxeles. A pesar de su tamaño reducido, es uno de los elementos de marca más visibles de tu sitio — cada pestaña abierta lo muestra.
El término proviene de Internet Explorer 5 (1999), que permitía a los usuarios guardar "favoritos" — y cada favorito tenía un icono. De ahí: favorito + icono = favicon. El nombre se mantuvo aunque ya nadie dice "favoritos" en ese contexto.
En 2026, la documentación de MDN recomienda el formato PNG para los favicons. El antiguo formato .ico sigue funcionando en todos los navegadores, pero técnicamente no es necesario — cada navegador moderno admite favicons en PNG. Los dispositivos Apple usan un archivo independiente apple-touch-icon (PNG de 180×180) para los marcadores de la pantalla de inicio.
Written by David Kim — Frontend Developer & WordPress consultant. Built GenFavicon after too many sketchy generator sites. More about me →