Format image de fond page d’accueil et page de connexion

1) Comment personnaliser l'image de couverture (image de fond)

  • Aller sur un éditeur d’image (par exemple photopea.com )
  • Ouvrir le document “HeyTeam_Canevas image de fond.psd” en cliquant ici

Le format montre deux zones “rouges” qui correspondra à ce qui est affiché sur toutes tailles d’écran : 

Capture d’écran 2023-12-14 à 14.49.24

Sur cet exemple à ajouter en image de fond : 

Image de fond

  • NB : préférer un format d’image haute résolution lors du placement (> à 1500 px)
  • Choisir des images “neutres” qui permettent d’offrir la même qualité quelle que soit la taille d’écran

Dans l’éditeur photo , “ouvrir et placer” pour ajouter votre image : 

UntitledRedimensionner l’image sur les carrés rouges : Edition > Transformation libre

  • la zone 1 sera la seule visible sur les écrans larges
  • La zone 2 sera la seule visible sur les écrans “normaux” / étroits

Untitled (1)-1

  • Masquer les calques appelés “zone 1” et “zone 2” (les cadres rouges) dans le panneau latéral droit (cliquer sur l’oeil)

Untitled (2)-1

  • Cliquer sur Fichier / exporter l’image au format png
  • L’ajouter dans la partie “image de fond” dans le paramétrage de la page entreprise

Affichage fenêtre étroite :

scrnli_14_12_2023 14-52-48

Affichage fenêtre large :

scrnli_14_12_2023 14-54-03

2) Comment personnaliser l'image de connexion (image de fond) 

  • Aller sur un éditeur d’image (par exemple photopea.com )
  • Ouvrir le document “HeyTeam_Canevas_Image_Connexion.psd” en cliquant ici

Untitled (4)

  • La zone rouge foncée sera celle visible lorsque l’écran est étroit (entre mobile et 16:9)
  • La zone rouge claire sera visible en étirant la fenêtre
  • Positionner l’image (Fichier > ouvrir & placer)
  • Edition > Transformation libre : 

  • Retirer les masques (oeil) pour exporter au format png
  • Intégrer sur HeyTeam depuis Paramètres > entreprise