Readability of the logo on different supports

Comme évoqué sur le riot de funkwhale, ce n'est parfois pas très heureux d'avoir le logo sans fond uni car on ne maitrise pas toujours sur quel support le logo va apparaitre et du coup on risque de perdre de la lisibilité car il peut se confondre avec le fond. Exemple avec : l'affichage du compte mastodon, lien de la favicon sur android, favicon du site web sur un onglet firefox.

Si on ajoutait un fond blanc sur ces différents exemples (favicon et avatar) on est sûrs de maitriser comment apparait le logo sur tous les supports et ainsi maitriser sa lisibilité. Le centrage du logo est également important, surtout sur un fond rond. Pour mieux respecter la forme du logo et le mettre en valeur il faut le laisser respirer. Souvent on a le réflexe de vouloir l'agrandir pour qu'il prenne le maximum de place disponible et du coup il ne respire pas et l'espace blanc autour n'est pas très harmonieux. Par exemple pour l'avatar sur Mastodon je préconiserai un truc du genre:

Comme c'est une création de @francisgg j'aimerais avoir son avis, le but n'étant pas de dénaturer son excellent travail :)

Si tout est ok, j'ai déja généré quelques fichiers à différentes tailles ainsi que le svg. Il faudra peut-être corriger les couleurs. Je ne sais pas s'il y a de la doc quelque-part avec les codes couleur? Le bleu et gris en cmjn, rgb et Hex.