Comprobador de Favicon Previsualiza cómo se ve un favicon en todos los tamaños estándar con simulacros de pestañas del navegador y marcadores.
Comprobador de Favicon
Previsualiza cómo se ve un favicon en todos los tamaños estándar con simulacros de pestañas del navegador y marcadores.
Subir Icono
Arrastra o selecciona una imagen de favicon o icono.
Vista Previa
Ver tu icono renderizado en todos los tamaños estándar con vistas previas de contexto.
Descargar
Haz clic en cualquier tamaño para descargar el icono en esa resolución.
What Is Comprobador de Favicon?
Un comprobador de favicon que muestra cómo se ve tu icono en todos los tamaños estándar: 16, 32, 48, 64, 96, 128, 180, 192, 256 y 512 píxeles. Incluye maquetas realistas que muestran el icono en una pestaña del navegador, la barra de direcciones y el contexto de marcador. Cada tamaño se puede descargar individualmente. Esencial para verificar la legibilidad del favicon en tamaños pequeños antes de implementarlo. Genera automáticamente todos los tamaños a partir de una sola fuente de alta resolución.
Why Use Comprobador de Favicon?
-
Los 10 tamaños estándar de favicon generados al mismo tiempo
-
Vistas previas de pestañas y barras de direcciones del navegador
-
Haz clic en cualquier tamaño para descargar esa resolución
-
Identifica problemas de legibilidad en tamaños pequeños
Common Use Cases
Desarrollo Web
Verificar que el favicon se vea bien en todos los tamaños antes de implementarlo.
Marcas
Asegurarse de que el icono de la marca sea reconocible a 16×16px.
PWA
Ver vista previa del icono de la aplicación en todos los tamaños requeridos por el manifiesto PWA.
SEO
Comprobar la apariencia del favicon en los resultados de búsqueda de motores de búsqueda.
Technical Guide
La imagen de origen se dibuja en el lienzo en cada tamaño objetivo utilizando escalado drawImage. Los tamaños siguen los estándares web: 16 píxeles (pestaña del navegador), 32 píxeles (barra de tareas), 48 píxeles (Windows), 64/96 píxeles (accesos directos), 128/180 píxeles (toque de Apple), 192/256/512 píxeles (PWA). Los tamaños pequeños utilizan renderizado pixelado para mostrar los píxeles reales. La maqueta del navegador utiliza CSS para simular una pestaña y barra de direcciones estilo Chrome con el favicon incrustado.
Tips & Best Practices
-
1Comienza con una imagen cuadrada de origen de 512px o más grande
-
2Los iconos simples y atrevidos funcionan mejor a 16×16px
-
3Verifica la legibilidad a 16px - este es el tamaño de la pestaña del navegador
-
4Utiliza formas distintas en lugar de ilustraciones detalladas para los favicons
Related Tools
Generador de Imágenes LOD
Genera múltiples versiones de imagen con diferentes niveles de detalle (LOD) y mipmap en resoluciones reducidas a la mitad.
🖼️ Image Tools
Redimensionador de Imágenes
Redimensiona imágenes por dimensiones exactas en píxeles o porcentaje manteniendo la proporción.
🖼️ Image Tools
Generador de Favicon
Genera favicons en múltiples tamaños (16x16, 32x32, 48x48 y más) a partir de cualquier imagen.
🖼️ Image Tools
Imagen a Icono
Convierta imágenes a tamaños de iconos (16x16 a 512x512) para favicons e iconos de aplicaciones.
🖼️ Image ToolsFrequently Asked Questions
Q Tamaños estándar?
Q Formato de entrada?
Q Formato de salida?
Q Vista previa del navegador?
Q Tamaños PWA?
About This Tool
Comprobador de Favicon is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.