Cómo Probar y Verificar Tu Favicon (Verificador Gratuito)
En Chrome, Safari, Firefox, iOS y Android, de forma automatizada y a mano.
La vía rápida: escaneo automatizado
Pega tu URL en un verificador de favicon y este busca la página en vivo, analiza el <head>, lista cada etiqueta de icono y señala lo que falta o está roto en las superficies de escritorio, Apple, Android y manifest. Es la única comprobación que lo cubre todo de una vez.
El orden en el que comprobar
- 1
Ejecuta un escaneo automatizado
Escanea tu URL en vivo para listar cada etiqueta de favicon y señalar los iconos que faltan o están rotos.
- 2
Comprueba la pestaña del navegador
Haz un hard-refresh y confirma que el icono se renderiza con nitidez en la pestaña de los navegadores de escritorio.
- 3
Comprueba los marcadores y la barra de direcciones
Añade la página a marcadores para confirmar que el icono de 16x16 es legible en contextos compactos.
- 4
Comprueba las pantallas de inicio de iOS y Android
Usa "Añadir a pantalla de inicio" en iOS e instala el PWA en Android para verificar el apple-touch-icon y los iconos del manifest.
- 5
Comprueba el favicon en el resultado de búsqueda
Confirma que el icono que Google muestra junto a tu resultado es el actual.
La lista de comprobación manual
| Superficie | Qué hacer |
|---|---|
| Pestaña del navegador | Haz un hard-refresh (Cmd+Shift+R / Ctrl+F5) en Chrome, Safari y Firefox. El icono debe verse nítido, no borroso ni pixelado, a 16-32px. |
| Marcadores y barra de direcciones | Añade la página a marcadores. Esto expone el icono de 16x16 en su contexto más ajustado. Si aquí resulta ilegible, simplifica el arte. |
| iOS: Añadir a pantalla de inicio | En Safari, compartir → Añadir a pantalla de inicio. iOS usa el apple-touch-icon, no favicon.ico, así que esto detecta toda una clase de etiquetas que faltan. |
| Instalación Android / PWA | En Chrome de Android, instala la app. Los iconos de la pantalla de inicio y del splash vienen de manifest.json, así que esto verifica que los iconos de tu manifest se resuelven. |
| Resultado de búsqueda de Google | Busca tu marca y confirma que el favicon junto a tu resultado es el actual. Google necesita al menos un icono de 48x48 y se actualiza al recrawl. |
Los tamaños que ejercita cada comprobación
Cómo es la cobertura completa
Un conjunto de favicons completo cubre las pestañas del navegador, los marcadores, la búsqueda, iOS, Android, los tiles de Windows y el manifest del PWA. Si tu escaneo muestra huecos, eso es identidad visual que falta. Lee por qué importa la cobertura de favicon y consulta la referencia completa de tamaños de favicon.
Preguntas frecuentes
¿Cómo compruebo si mi favicon funciona?
Ejecuta un escaneo automatizado de favicon sobre tu URL en vivo para confirmar que cada etiqueta se resuelve, luego verifica manualmente el icono en una pestaña del navegador, en un marcador, en una pantalla de inicio de iOS y en un PWA instalado.
¿Cómo previsualizo un favicon antes de publicar?
La mayoría de los generadores muestran una vista previa en vivo de la pestaña mientras diseñas. Para validar los archivos reales, abre cada URL de icono directamente y confirma que el tamaño y el formato coinciden con lo que referencian tus etiquetas de enlace.
¿Por qué mi favicon es diferente en la búsqueda de Google que en el navegador?
Google almacena en caché el favicon de su último crawl y exige al menos un icono de 48x48. El navegador muestra tu archivo actual de inmediato, mientras que la búsqueda solo se actualiza después de que Google vuelve a rastrear.