Comprobador de favicon de sitios web
Comprueba qué favicons declara un sitio, si cada URL de icono y /favicon.ico cargan de verdad (estado, tipo, tamaño) y si existen apple-touch-icon y manifest.
Si no indicas esquema, se añade https://.
¿Qué es Comprobador de favicon?
Esta herramienta lee las declaraciones de iconos de una página (rel="icon", shortcut icon, apple-touch-icon, mask-icon) y el enlace al manifiesto de la aplicación web, y después solicita cada URL de icono y el /favicon.ico por defecto para confirmar que realmente cargan. Obtienes el estado HTTP, el tipo de contenido y el tamaño de cada icono, y una lista de comprobación de las carencias habituales.
Cómo usar Comprobador de favicon
- Introduce la URL del sitio web y pulsa Comprobar.
- Revisa la tabla de URL de iconos con su rel/sizes, estado HTTP, tipo de contenido y tamaño.
- Lee la lista de comprobación: icono declarado, /favicon.ico, apple-touch-icon y manifiesto.
Cuándo usar Comprobador de favicon
Úsalo cuando un favicon no aparezca en las pestañas del navegador, en los marcadores o en los resultados de búsqueda, o después de cambiar los iconos. No renderiza los iconos ni comprueba las dimensiones de la imagen dentro del archivo; además, los navegadores guardan los favicons en caché de forma agresiva, así que un icono corregido puede tardar en aparecer.
Cómo funciona Comprobador de favicon
La Pages Function de AlgoKit descarga la página con las mismas protecciones SSRF que los demás comprobadores, extrae del HTML los enlaces a iconos y al manifiesto y solicita hasta 8 URL de iconos, incluida /favicon.ico. Las redirecciones de las URL de iconos se notifican en lugar de seguirse, para que cada petición pase las comprobaciones de direcciones privadas. El estado, el Content-Type y el tamaño (Content-Length o bytes leídos, hasta 1 MB) se devuelven a tu navegador.
Casos de Uso Comunes
- Averiguar por qué la pestaña del navegador muestra un icono en blanco (404 en el archivo declarado).
- Comprobar que existe /favicon.ico para las herramientas y rastreadores que lo solicitan directamente.
- Verificar que hay un apple-touch-icon para los accesos directos de la pantalla de inicio de iOS.
- Confirmar que los iconos se sirven con un tipo de contenido de imagen y no como text/html.
Preguntas Frecuentes
¿Sigo necesitando /favicon.ico?
Los navegadores modernos usan el <link rel="icon"> que declares, pero algunas herramientas, lectores RSS y navegadores antiguos solicitan /favicon.ico directamente, así que tener uno evita errores 404.
¿Qué tamaño debe tener un apple-touch-icon?
Un PNG de 180×180 px cubre los iPhone y iPad actuales; iOS lo escala para otros tamaños.
¿Por qué Google muestra un favicon antiguo?
Google vuelve a rastrear los favicons según su propio calendario. Asegúrate de que el icono sea rastreable y estable; los cambios pueden tardar días o semanas.