Favicon ausente o sin actualizar

Escrito por

Cuando falta un favicon, el archivo no siempre es el culpable. El navegador, una CDN, un service worker y un motor de búsqueda pueden conservar versiones diferentes. Un diagnóstico ordenado evita modificar varios elementos a la vez.

Lupa que examina las distintas capas de carga de un favicon
Las URL, el HTML, las cachés y el rastreo se verifican por separado.

Empezar por la solicitud del archivo

Abre la URL exacta indicada en la etiqueta link. Debe responder sin autenticación, con el contenido correcto y sin cadenas de redirecciones innecesarias. Una página de error HTML renombrada como favicon.ico no puede decodificarse como un icono.

En la pestaña Red, filtra por icon o favicon. Anota la URL final, el estado, el tipo de contenido y si la respuesta procede de la caché.

Orden de diagnóstico de un favicon
ComprobaciónResultado esperadoCorrección
URL directaRespuesta de imagen 200Corregir la ruta o el despliegue
Etiqueta linkPresente en headCorregir el HTML generado
CachéNueva respuesta recibidaVaciar y volver a probar
RastreoArchivo accesibleQuitar el bloqueo

Verificar el HTML realmente generado

Inspecciona el documento generado, no solo la plantilla de origen. Una extensión, un tema o un componente puede insertar una segunda etiqueta icon después de la tuya y hacer que el navegador elija otro archivo.

Comprueba las rutas desde una página anidada y las mayúsculas y minúsculas exactas del nombre del archivo. En un servidor que distingue entre ambas, Favicon.svg y favicon.svg son dos recursos diferentes.

Aislar cada capa de caché

Prueba primero con un perfil nuevo o con la caché de red desactivada. Si la nueva imagen llega al servidor de origen pero no al dominio público, vacía la CDN. Si hay una PWA instalada, comprueba también su service worker y su manifiesto.

Para futuros cambios, un nombre de archivo con versión puede hacer explícita la actualización. Mantén /favicon.ico disponible para los clientes que lo solicitan por convención.

Fuentes primarias

Preguntas frecuentes

¿Por qué vuelve el favicon antiguo?

Una capa de caché, un service worker o una segunda etiqueta icon pueden seguir sirviendo el archivo antiguo. Identifica la URL que se carga realmente antes de vaciar la caché.

¿Basta con un parámetro de versión?

Puede evitar algunas cachés, pero un nombre de archivo nuevo suele ser más explícito. La alternativa /favicon.ico debe seguir disponible.

¿El favicon de Google cambia inmediatamente?

No. Google debe volver a rastrear y procesar la página y el icono. No se garantiza ningún plazo concreto.

Ponlo en práctica

El generador produce el conjunto completo en segundos, gratis y sin enviar tus imágenes.

Diagnosticar mi favicon público

Qué leer y probar después

Las otras herramientas de LFFavicon y las guías que responden a las preguntas más frecuentes.

Herramientas

Guías