Comprobador de favicon y auditoría de preview
Prueba favicons, apple-touch-icons y el web manifest. Audita tamaños, MIME y mockups en iOS, Android y escritorio.
Escanea cualquier sitio para comprobar favicons estándar, Apple touch icons, archivos manifest y configs de navegador. Diagnostica problemas de compatibilidad y mira cómo se ven en dispositivos.
¿Qué es un comprobador de favicon?
El Comprobador de favicon rastrea cualquier URL web, extrae todas las etiquetas de icono y hace auditorías profundas de metadata en cada archivo. Revisa /favicon.ico en la raíz, declaraciones link rel=icon, apple-touch-icon de iOS, arrays de iconos del Web App Manifest y tiles de Windows. Verifica códigos HTTP, content-types (MIME), content-length y valida dimensiones reales de imagen. Luego entrega scores de diagnóstico y permite activar mockups interactivos que simulan pestañas en claro/oscuro, SERPs de Google móvil/escritorio, estilo de bookmark en home screen iOS, formas de icono PWA en Android y máscaras SVG pinned de Safari en macOS.
Cómo leer el resultado
OK significa que el archivo respondió y el tamaño declarado encaja. Faltante es una ruta que el HTML menciona y no está. Roto es un 404 o un MIME que no es imagen. El mockup muestra la pestaña, la SERP y la pantalla de inicio; no cambia el icono en tu sitio.
Preguntas frecuentes
¿Por qué importa un comprobador de favicon?
Asegura que tu sitio se vea bien en navegadores y dispositivos. Un favicon faltante o roto daña UX y reconocimiento de marca. Probar con esta herramienta evita casos donde el icono 16×16 o 32×32 no carga, y mantiene una apariencia profesional en pestañas, bookmarks y resultados de búsqueda.
¿Qué es un apple-touch-icon y por qué lo necesito?
Es una imagen personalizada que se muestra cuando alguien guarda tu sitio en dispositivos iOS. Aparece en home screen y lock screen, normalmente a 180×180 px. Es opcional, pero mejora la percepción profesional y la probabilidad de que vuelvan a abrir el sitio.
¿Qué tamaños debería tener mi favicon?
En la práctica — 16×16 para pestañas, 32×32 para taskbars y 64×64 para iconos de sitio en Windows. Para Apple, crea un icono 180×180. Buena práctica moderna — ofrecer varios tamaños (16×16, 32×32, 64×64 y 180×180) para un display óptimo en todas las plataformas.
¿Cómo afecta el web app manifest la experiencia móvil?
El manifest define cómo se ve tu sitio al instalarse en móvil — nombre, iconos, colores y comportamiento de launch. Habilita features de progressive web app para que el usuario pueda añadir el sitio a la home screen con apariencia cercana a una app nativa.
¿Qué pasa si el favicon no se ve bien en todos los navegadores?
Suele deberse a formato incompatible, rutas incorrectas o caché. El Comprobador de favicon identifica esos problemas al probar iconos en navegadores y dispositivos modernos, y da recomendaciones concretas para corregir formato o declaraciones.
Herramientas relacionadas
Comprobador de Core Web Vitals
RendimientoMuestra LCP, INP y CLS de una URL usando PageSpeed Insights, con móvil y escrito…
Puntuación de preparación SEO
SEO on-pagePega una URL pública y obtén una nota de 0 a 100, una letra y una lista de arreg…
Generador de meta tags
SEO on-pageCompleta los campos y copia el bloque para el <head>: title, description, canoni…