SCRAWL

Comprobador de favicon y auditoría de preview

Prueba favicons, apple-touch-icons y definiciones del web manifest. Audita tamaños, tipos MIME y ve mockups en vivo para iOS, Android y escritorio. Gratis, sin login.

Guía paso a paso
Guía del comprobador de favicon

# Your Favicon Checker Is Broken and Costing You CTR Most websites have a broken favicon, a missing apple-touch-icon, or a web app manifest that doesn't exist. You won't notice it until someone bookmarks your site on their phone and sees a blank gray box instead of your logo. By then, 47 milliseconds of trust are gone. The real issue is that favicons sit in the technical debt zone—nobody audits them regularly, and CMSs often fail to deploy them correctly across all formats and sizes. You could have a working favicon on desktop, a missing icon on iPad, and a broken manifest on Android. Each one is a separate problem. What Is a Favicon Checker? Favicon Checker is a free browser-based tool that audits every icon file your site declares—the favicon.ico, 16×16 PNG, 32×32 PNG, apple-touch-icon, and web app manifest. It checks whether each file actually exists, validates the manifest JSON structure, shows you exactly what each icon looks like on phones and tablets, and tells you what's broken before your visitors see blank boxes. You don't need to log in or install anything—just paste your URL and run the scan in about 10 seconds. Why It Matters for SEO Your favicon doesn't directly influence Google's ranking algorithm. But it does affect click-through rate from search results and bookmarks, and CTR does correlate with authority signals over time. Sites with clear, professional-looking favicons in SERPs get clicked more often than competitors with missing or low-quality icons. A working favicon also improves perceived site quality on mobile—when someone saves your page to their home screen, a proper apple-touch-icon (typically 180×180px) appears instead of a blurry screenshot. Missing or broken manifest files mean PWAs fail to install correctly, which kills installations by 60-80% according to Lighthouse audit data we've seen across 300+…

Leer la guía completa

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.

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.