Un favicon no es solo un icono cuadrado
Un conjunto de favicon debe funcionar en pestañas del navegador, marcadores, accesos fijados y pequeñas vistas móviles. Empieza con una marca simple y de alto contraste, y evita texto que desaparece a 16 px. Exporta los tamaños esperados y comprueba si la versión más pequeña sigue siendo reconocible sin depender solo del color. Conserva el icono maestro aparte, porque los archivos favicon generados son assets de entrega, no la fuente de diseño.
1
Usa una forma simple con contraste fuerte.
2
Revisa 16 px y 32 px antes de publicar.
3
Mantén el logotipo o icono fuente separado de los favicon generados.