¿Por qué no se actualiza mi favicon?
Es el problema de favicon más habitual, y casi siempre es la caché. Los navegadores retienen los favicons con más fuerza que la mayoría de los recursos. Resuélvelo en este orden: recarga forzada (Ctrl+Shift+R / Cmd+Shift+R); si eso falla, cierra la pestaña por completo y abre una nueva, porque la caché de favicons suele estar ligada a la pestaña; mientras iteras, añade un parámetro de versión desechable como /favicon.ico?v=2 para que el navegador solicite un archivo «nuevo». Google Search guarda una copia aparte y se actualiza en su propio plazo: de días a semanas.
¿Sigo necesitando un favicon.ico en 2026?
Sí. Aunque tengas un SVG, los navegadores y Googlebot siguen solicitando /favicon.ico desde la raíz del sitio automáticamente, y unos cuantos clientes antiguos dependen de él. Es un archivo diminuto: conserva un .ico multitamaño (16/32/48) como base fiable.
¿Qué tamaños necesito realmente?
Muchos menos de los que genera la mayoría de las herramientas. El conjunto completo y actual es: un favicon.ico multitamaño (16/32/48), un icon.svg, un apple-touch-icon.png de 180×180 y los PNG de 192 + 512 referenciados desde tu web app manifest. Los antiguos mosaicos de Windows de 70×70/150×150 y las docenas de PNG intermedios ya no se usan.
¿Cuál es la diferencia entre un favicon y un apple-touch-icon?
El favicon (.ico/SVG/PNG) es el pequeño icono de la pestaña y los marcadores. El apple-touch-icon es un PNG de 180×180 que iOS usa cuando alguien añade tu sitio a su pantalla de inicio: el sistema operativo lo muestra grande y con esquinas redondeadas. iOS no lee tu favicon SVG para eso, así que el PNG específico es obligatorio.
¿Puedo usar un favicon SVG? ¿Lo admiten todos los navegadores?
Todos los navegadores actuales de escritorio y móviles muestran favicons SVG. Sírveles el SVG y conserva un favicon.ico para que los navegadores antiguos —y Google Search— también reciban un icono. Lo mejor de ambos mundos, dos archivos.
¿Cómo creo un favicon para modo oscuro?
Solo el SVG puede adaptarse. Coloca una regla @media (prefers-color-scheme: dark) dentro del SVG para que su relleno cambie con el tema del navegador: útil cuando un logo oscuro desaparecería sobre una barra de pestañas oscura. ICO y PNG son mapas de bits fijos y no pueden cambiar. Hay un ejemplo completo en Consejos avanzados.
¿Por qué Google muestra un favicon incorrecto —o ninguno— en la búsqueda?
Google tiene reglas específicas: el favicon debe estar en una URL estable, ser un cuadrado cuyo tamaño sea múltiplo de 48×48 (48, 96, 144…), residir en el mismo host que el sitio y estar en una página que Google pueda indexar. Además guarda el icono en caché aparte de la página, así que un cambio puede tardar de días a semanas en aparecer. Si Google no muestra nada, comprueba que /favicon.ico devuelve 200 a Googlebot y que la página no está bloqueada por robots o noindex.
¿Debería mi favicon tener el fondo transparente?
Normalmente sí: un PNG/SVG transparente queda limpio en barras de pestañas claras y oscuras. El .ico generado mantiene una alternativa con fondo sólido para el raro navegador antiguo que no puede renderizar el canal alfa. Si tu logo es de color claro, plantéate una pequeña forma sólida detrás para que no desaparezca en una barra de pestañas blanca.
Mi favicon se ve borroso o emborronado, ¿por qué?
El detalle muere a 16×16. Los logotipos de texto, los trazos finos y los degradados se convierten en una papilla. Usa un único glifo o símbolo contundente, alto contraste y un espacio negativo generoso. Si un logo tiene texto pequeño, elimina el texto del favicon y conserva solo el símbolo.
Veo errores 404 de favicon.ico en los registros de mi servidor, ¿es un problema?
Solo indican que no tienes favicon. Los navegadores solicitan /favicon.ico automáticamente, así que un archivo que falta aparece como errores 404 repetidos. Añade el archivo en la raíz y desaparecerán.
¿Afecta un favicon al SEO?
No como factor de posicionamiento. Pero Google Search sí muestra tu favicon junto al resultado en móviles, así que un icono claro y reconocible mejora la tasa de clics: una ventaja indirecta, no un impulso en el ranking.
¿Se sube mi imagen a algún sitio?
No. El generador se ejecuta por completo en tu navegador mediante la API Canvas: la imagen nunca toca un servidor. Por eso funciona con tu obra privada e incluso sin conexión.