Qué hace el Generador de Favicon
El Generador de Favicon te permite crear un conjunto completo de iconos favicon para tu sitio web a partir de una sola imagen y genera automáticamente los archivos necesarios para diferentes navegadores, dispositivos y plataformas.
La herramienta te ayuda a:
crear favicons a partir de imágenes PNG, JPG y otros formatos
generar conjuntos de iconos en múltiples tamaños
obtener el código HTML para su implementación
preparar favicons para navegadores, Android e iOS
previsualizar cómo se verá el favicon
Adecuado para sitios web, aplicaciones web, páginas de destino y PWA.
Qué es un Favicon
Un favicon es un pequeño icono de sitio web que se muestra en:
pestañas del navegador
marcadores
historial del navegador
motores de búsqueda
dispositivos móviles
PWA y accesos directos
Los favicons ayudan a los usuarios a reconocer rápidamente un sitio web y mejoran la visibilidad de la marca.
La herramienta genera automáticamente favicons en tamaños y formatos populares.
Tamaño | Tipo | Uso |
|---|
16×16 | favicon | Pestañas del navegador, marcadores |
32×32 | favicon | Navegadores de escritorio |
48×48 | icono de aplicación | Windows, accesos directos de escritorio |
96×96 | icono de aplicación | Accesos directos de Android, iconos del lanzador |
128×128 | icono de aplicación | Chrome Apps, PWA, lanzadores de escritorio |
180×180 | apple-touch-icon | iPhone, iPad |
192×192 | icono de manifiesto | Android, PWA |
512×512 | icono de manifiesto | PWA, aplicaciones |
Los sitios web modernos suelen utilizar varios tamaños de favicon e iconos de aplicación para garantizar una visualización correcta en diferentes dispositivos y plataformas.
Cómo Elegir una Buena Imagen
Las siguientes características funcionan mejor para los favicons:
Los detalles pequeños y el texto son difíciles de leer a un tamaño de 16×16 px.
Vista Previa del Favicon
La herramienta muestra cómo aparecerá tu favicon:
en las pestañas del navegador
en los resultados de búsqueda
en diferentes temas de interfaz
Esto te ayuda a evaluar la legibilidad y la apariencia visual antes de publicarlo.
Recomendaciones Prácticas
Utiliza una imagen cuadrada de al menos 512×512 px
Prueba el favicon tanto en temas claros como oscuros
Evita textos pequeños y líneas finas
Para marcas, utiliza un logotipo o monograma
Después de actualizar el favicon, verifica su apariencia en Google Search Console y en los principales navegadores
Por Qué un Favicon Puede Verse Mal
Diseño demasiado complejo: los elementos pequeños se vuelven ilegibles.
Uso de texto: el texto casi siempre se pierde en tamaños reducidos.
Bajo contraste: los favicons de colores claros pueden ser difíciles de ver en navegadores y temas oscuros.
Imagen de origen deficiente: las imágenes borrosas o de baja resolución reducen la calidad del favicon.
Lorem Ipsum