Passer au contenu principal

📌 Guide d’intĂ©gration des visuels : logo et photo de profil

Affichage du logo et profils

Aurélia MICALLEF avatar
Écrit par AurĂ©lia MICALLEF
Mis à jour il y a plus de 3 mois

đŸ–Œïž Logo : dimensions et format selon l'interface

✅ Le logo est-il le mĂȘme pour le Front Office (FO) et le Back Office (BO) ?

Oui, le logo utilisĂ© est exactement le mĂȘme entre le Front Office et le Back Office. Il est appliquĂ© automatiquement sur les deux interfaces, seule la taille affichĂ©e diffĂšre.

đŸ› ïž Aucune dĂ©formation ne sera appliquĂ©e : le logo est redimensionnĂ© proportionnellement pour conserver le ratio largeur/hauteur.


📏 Quelles hauteurs sont recommandĂ©es ?

Front Office (FO)

  • SM (interface classique) : 59.39 px (hauteur)

  • NN (NewNeobrain) : 28 px (hauteur)

Back Office (BO)

  • SM (interface classique) : 100 px (hauteur)

  • NN (NewNeobrain) : 35 px (hauteur)

🔧 Le redimensionnement est automatique, mais assurez-vous que le logo d’origine a une qualitĂ© suffisante pour un rendu optimal.


📂 Quel format utiliser pour le logo ?

  • Format recommandĂ© : .png

  • Pourquoi ? Ce format permet de garder la transparence, idĂ©ale pour une intĂ©gration propre sur tous les types de fond.

⚠ Évitez les formats comme .jpg ou .jpeg, qui ne permettent pas la transparence.


đŸ‘€ Photo de profil des employĂ©s : recommandations

Pour un affichage optimal dans les diffĂ©rents modules (organigramme, profils, recherche
), l’image de profil de chaque collaborateur doit rĂ©pondre aux critĂšres suivants :

  • Format idĂ©al : carrĂ©

  • Taille recommandĂ©e : 250 x 250 px

💡 Une image carrĂ©e Ă©vite tout rognage ou dĂ©formation lors de l’affichage automatique dans l’interface.

✅ RĂ©capitulatif des bonnes pratiques

ÉlĂ©ment

Recommandations

Logo

MĂȘme fichier FO & BO, redimensionnĂ© automatiquement sans dĂ©formation

Respecter les hauteurs spĂ©cifiques selon l’interface (SM / NN)

Utiliser un fichier .png pour la transparence

Photo de profil

Format carré (ex. 250x250 px), bonne résolution pour un rendu net

Avez-vous trouvé la réponse à votre question ?