Directives pour l'image de badge personnalisée

Je m’apprête à demander à notre équipe de conception de créer des images d’insignes personnalisées pour nous.

Avant de le faire, il serait utile de savoir quelles directives ces images doivent suivre :sweat_smile:

Évidemment carrées. Autre chose ? Format de l’image ? Résolution ? … ?

1 « J'aime »

Bonne question !

Les badges sont généralement rendus à environ 14x14, 16x16 ou 56x56 pixels.
La taille peut varier car elle est généralement relative à la taille de la police de l’élément.
Mais cela vous donne une idée de la taille de base à laquelle vous pouvez viser.

Aussi :

  • Rapport 1:1
  • SVG pour la mise à l’échelle avec une image plus petite ou PNG transparent avec une image plus grande ; cela dépend de ce que vous voulez montrer.
  • Gardez à l’esprit le mode sombre pour la couleur
  • Gardez à l’esprit le type de badge si nécessaire
  • Gardez à l’esprit comment il sera affiché en petite taille

C’est tout ce à quoi je peux penser pour l’instant.

Vous pourriez également envisager de créer une icône SVG personnalisée si j’ai bien compris. De cette façon, elle s’adaptera bien à la bonne couleur (et sera plus facile à changer plus tard).

J’espère que cela vous aide.

5 « J'aime »