Comprobador de favicon
Verifique que la implementación de su favicon esté completa y sea compatible con varias plataformas. Valide ICO, PNG, SVG, ícono táctil de Apple, manifiesto de aplicación web, ícono de máscara de Safari, mosaicos de Microsoft, color del tema y tamaños recomendados. Obtenga un informe puntuado instantáneo con recomendaciones prácticas, todo procesado de forma segura en su navegador.
Paste your HTML source code below to check your favicon setup for completeness, cross-browser compatibility, mobile support, and best practices. All processing runs locally in your browser.
¿Por qué utilizar nuestro verificador de Favicon?
- Sugerencias de soluciones prácticas: cada problema detectado incluye una explicación clara y sugerencias de soluciones prácticas. Aplique los cambios con confianza sabiendo exactamente qué es necesario mejorar y por qué.
- 100% privado y gratuito: todos los análisis se realizan localmente en su navegador. No se cargan datos en ningún servidor, no es necesario registrarse ni hay límites de uso. Úselo tantas veces como necesite, completamente gratis.
Casos de uso comunes para Favicon Checker
- Iconos de marcadores y pestañas del navegador: verifique que su sitio muestre el icono correcto en las pestañas y marcadores del navegador. Verifique los formatos de favicon ICO, PNG y SVG para garantizar la compatibilidad entre navegadores, desde Chrome hasta Firefox y Edge.
- Íconos de la pantalla de inicio móvil: asegúrese de que el ícono táctil de Apple (180 × 180) y los íconos de Android (192 × 192, 512 × 512) estén configurados correctamente para que su sitio se vea profesional cuando los usuarios lo agreguen a su pantalla de inicio en dispositivos iOS y Android.
- PWA y manifiesto de aplicación web: valide que su manifiesto de aplicación web esté vinculado y contenga los tamaños de íconos requeridos (192 × 192, 512 × 512) para las indicaciones de instalación de la aplicación web progresiva y las pantallas de presentación.
- Pestaña fijada de Safari: compruebe la etiqueta de icono de máscara utilizada por las pestañas fijadas de Safari. Asegúrese de que su ícono SVG de un solo color y el color de su marca estén configurados correctamente para una experiencia de navegación mejorada en macOS.
- Control de calidad del lanzamiento del sitio web: ejecute una verificación completa de favicon antes de lanzar un nuevo sitio web. Verifique que todos los tamaños de íconos, formatos y etiquetas específicas de la plataforma estén implementados para evitar que falten íconos y solicitudes 404 para /favicon.ico.
- Desarrollo y pruebas de CMS: integre la verificación de favicon en su flujo de trabajo de desarrollo. Valide las plantillas de CMS y los generadores de sitios estáticos que produzcan etiquetas de enlaces de favicon correctas en todas las páginas y temas.
¿Qué es el análisis de favicons?
El análisis de favicons examina las declaraciones de favicon, las etiquetas de enlaces y las referencias de íconos en documentos HTML para identificar problemas, mejorar la calidad y garantizar las mejores prácticas. Esta herramienta proporciona una evaluación integral que le ayuda a comprender el estado actual y lo que debe mejorarse.
Cómo funciona nuestro analizador
- Ingrese su contenido: cargue un archivo, pegue el contenido o ingrese la URL que desea analizar. La herramienta acepta una amplia gama de formatos de entrada para una máxima flexibilidad.
- Análisis integral: el analizador procesa sus datos comparándolos con una lista de verificación detallada de reglas, mejores prácticas y métricas de calidad. Cada control se evalúa de forma independiente para obtener resultados precisos.
- Revisar y aplicar correcciones: explore los resultados del análisis organizados por categoría. Cada hallazgo incluye una explicación clara y sugerencias de soluciones prácticas que puede aplicar directamente.
Casos de uso comunes para favicons
verificar la configuración de favicon en nuevos sitios web, auditar la cobertura de íconos en todos los dispositivos (escritorio, móvil, PWA), verificar la implementación de Apple Touch Icon, validar las referencias de íconos del Web App Manifest, depurar íconos de pestañas faltantes en el navegador y garantizar una marca consistente en marcadores y pantallas de inicio. La herramienta está diseñada para desarrolladores, ingenieros de control de calidad y miembros del equipo técnico que necesitan íconos de pestañas del navegador, imágenes de marcadores, íconos de la pantalla de inicio móvil y apariencia de instalación de PWA.
Privacidad, seguridad y disponibilidad
Todo el análisis se realiza íntegramente dentro de su navegador mediante el procesamiento del lado del cliente. Nunca se cargan datos en ningún servidor: cada byte permanece en su dispositivo. No hay límites de tamaño de archivos, requisitos de registro ni límites de uso. La herramienta es 100% gratuita y no tiene funciones premium ocultas.
Preguntas frecuentes
Un verificador de favicon es una herramienta que analiza la fuente HTML de una página web para evaluar la integridad y corrección de su implementación de favicon. Comprueba etiquetas de iconos estándar, iconos táctiles de Apple, manifiestos de aplicaciones web, favicons SVG, imágenes de mosaicos de Microsoft, colores de temas, tamaños múltiples y más, todo dentro de su navegador.
Una configuración completa de favicon utiliza ICO para compatibilidad con navegadores antiguos, PNG para tamaños específicos (16 × 16, 32 × 32, 192 × 192, 512 × 512), SVG para íconos escalables independientes de la resolución y un Apple Touch Icon PNG de 180 × 180 para iOS. Los favicons SVG también pueden adaptarse al modo oscuro usando CSS prefiere el esquema de color.
Tamaños recomendados: 16×16 (pestaña del navegador), 32×32 (pestaña del navegador de alto DPI), 48×48 (acceso directo al sitio de Windows), 180×180 (icono táctil de Apple), 192×192 (pantalla de inicio de Android/PWA) y 512×512 (pantalla de presentación de PWA). Un archivo favicon.ico tradicionalmente contiene variantes de 16×16 y 32×32.
¡Absolutamente! Todos los análisis se ejecutan directamente en su navegador utilizando JavaScript. No se carga ningún contenido HTML en ningún servidor. Sus datos nunca salen de su dispositivo, lo que hace que esta sea la forma más segura de verificar la implementación de su favicon.
iOS utiliza un ícono táctil de Apple cuando un usuario agrega su sitio web a su pantalla de inicio a través de "Agregar a la pantalla de inicio". El tamaño recomendado es 180×180px. Sin él, iOS utiliza una captura de pantalla de su página, que normalmente parece poco profesional.
Sí, si desea que su sitio admita "Agregar a la pantalla de inicio" en Android, indicaciones de instalación de PWA y pantallas de presentación. El manifiesto debe incluir íconos de 192×192 y 512×512 píxeles. Vincúlelo con <link rel="manifest" href="/site.webmanifest">.
En la mayoría de los navegadores, haga clic derecho en cualquier página y seleccione "Ver código fuente de la página" (o presione Ctrl+U en Windows/Linux, Cmd+Opción+U en Mac). Copie toda la fuente HTML y péguela en el cuadro de entrada del verificador.
Sí, nuestro verificador de favicon es 100% gratuito, sin costos ocultos, requisitos de registro, niveles premium ni límites de uso. Consulta tus favicons ilimitadamente para cualquier proyecto (personal, comercial o empresarial) completamente gratis.