Generador de favicons online para webs y PWA
Un favicon hace que tu web se reconozca en las pestañas y en la pantalla de inicio. Genera todos los tamaños desde un solo logo, sin herramientas de diseño.
El favicon es el pequeño icono que aparece en las pestañas del navegador, en los marcadores y en la pantalla de inicio del móvil. Con el generador de favicons, un solo archivo de logo se convierte en un conjunto completo de iconos.
Tamaños que suelen hacer falta
Los navegadores modernos usan 16×16 y 32×32 píxeles, mientras que los dispositivos Apple necesitan un icono más grande. Una PWA también requiere iconos de 192 y 512 píxeles en su manifiesto.
- Usa un logo sencillo que siga siendo claro en tamaños pequeños.
- Prepara versiones clara y oscura si las necesitas.
- Mantén coherente la transparencia o el fondo sólido.
- Descarga todos los tamaños en un único paquete.
Instalación en una web
Coloca los archivos en una carpeta pública y añade las etiquetas de enlace del favicon en la cabecera de la página. En WordPress, súbelos desde los ajustes del sitio o del tema. Después de cambiar el favicon, borra la caché del navegador para ver el icono nuevo.
Prueba en varios dispositivos
Abre la web en un ordenador, Android e iPhone para comprobar que el icono sigue siendo legible. Si los detalles del logo desaparecen a 16×16, simplifica la forma o usa un símbolo más grueso. Conserva el archivo fuente para actualizarlo con facilidad.
Preguntas frecuentes
¿Qué tamaños de favicon son más importantes?
16×16 y 32×32 para navegadores, 180×180 para Apple y 192 y 512 para una PWA.
¿Qué formatos incluye el paquete?
Incluye iconos PNG de 16 a 512 píxeles, un manifiesto PWA y un fragmento HTML.
¿Conviene actualizar el favicon?
Sí, cuando cambie tu logo o los colores de marca para mantener la coherencia.
¿Por qué sigue apareciendo el favicon antiguo?
El navegador lo guarda en caché. Bórrala o abre la web en una ventana privada.