đź–Ľ Images et logos
Les principaux éléments de configuration de la page d’accueil de la plateforme se trouvent dans les onglets "Apparence" et "Page d'accueil" des Paramètres.
Les formats
Les dimensions exactes des images dépendent de la taille de votre écran.
La plateforme adapte en permanence l’image à la taille de l’écran, en conservant toujours le centre de l’image comme repère. Par conséquent, il est conseillé de choisir des images grand format proches du carré (par exemple en 800x800 px avec les éléments essentiels autour du centre plutôt que sur les bords).
Pour vous assurer que les images seront toujours affichées de manière optimale, nous vous recommandons donc de suivre les formats et ratios affichés dans le tableau ci-dessous.
Attention, toutes les images sont soumises aux contraintes de taille ci-dessous :
- Poids maximum : 10Mo
- Dimensions maximum de l'image : 3840x3840 pixels
Images | Espace | Format attendu (px) | Ratio attendu | Extensions acceptées | |
Bannière d'accueil de la plateforme | Paramètres > Page d'accueil > Image principale | 1920 x 666 | 3:1 | jpeg, jpg, png | |
Bannière de contenu mis en valeur | Paramètres > Apparence | 1600 × 308 | 5:1 | jpg, jpeg, gif, bmp, ico, png | |
Logo | Paramètres > Apparence | 600 × 100 | 6:1 | jpg, jpeg, gif, bmp, ico, png | |
Icône | Paramètres > Apparence | 152 x 152 | 1:1 | jpg, jpeg, gif, bmp, ico, png | |
Logo officiel - barre de navigation | Paramètres > Apparence | 152 x 152 | 1:1 | jpg, jpeg, gif, bmp, ico, png | |
Logo officiel - pied de page | Paramètres > Apparence | 600 x 180 | 6:1 | jpg, jpeg, gif, bmp, ico, png | |
Image d'en-tĂŞte | Dans la page d'information de l'espace | 1700 x 200 | jpeg, jpg, png | ||
Image de page d'accueil | Dans la page d'information de l'espace | 400 x 128 | jpeg, jpg, png |
La bannière d'accueil
Pour ajouter une bannière d'accueil, rendez-vous dans l'onglet Paramètres, puis dans le sous-onglet Page d'accueil (pour plus d'informations, cliquez ici). Cliquez sur l'icône "Crayon" dans le bloc nommé "Image principale (hero)". Ici, vous pourrez :
- Modifier votre texte de bienvenue : C'est le texte qui s'affiche au dessus de l'image. Dans l'exemple ci-dessous : "Bienvenue sur la plateforme Decidim de démonstration".
- Télécharger ou supprimer une image d'accueil : C'est la bannière principale, au format recommandé de 1920 x 666 pixels.
Attention : Nous recommandons d’utiliser une photo ou une bannière unie sans texte pour cette image, car l'image est recadrée. Si vous souhaitez utiliser un texte, utilisez plutôt le champ "Texte de bienvenue".
En version desktop
En version mobile
La bannière de contenu mis en valeur
La bannière de contenu mis en valeur est activable et paramétrable dans l'onglet Paramètres, dans " Apparence" (pour plus d'informations, cliquez ici). Pour l'activer, cliquez sur "Afficher la bannière de contenu mis en valeur" dans la section dédiée, et remplissez les différents champs.
Le format recommandé pour cette image est de1600 × 308 pixels, soit un ratio longueur/largeur de 5:1. L'image est ensuite redimensionnée. Sa hauteur dépend aussi de la longueur du texte paramétré et des champs complétés.
Pour faire apparaître ce bloc sur la page d'accueil, rendez-vous dans l'onglet Page d'accueil et passer le bloc " Bannière de contenu mis en valeur" dans les blocs de contenus actifs. Pour plus d'informations sur l'onglet Page d'accueil, cliquez ici.
L'image d'en tĂŞte
Cette image se paramètre dans l'onglet "Information" de chaque concertation, assemblée, etc. Après avoir été importée, sa hauteur dépend de la longueur du Titre et du sous-titre de l'espace. Pour cette image, nous vous déconseillons de mettre du texte, et vous conseillons de mettre les informations et visuels importants à gauche de l'image. Les aplats gris transparents indiquent la portion de l'image qui apparaît à l'écran en fonction du terminal utilisé.
En effet, un calque de couleur et la carte des étapes de l'espace sont présents sur la droite de l'en-tête. Le calque récupère la couleur primaire de la plateforme, que vous pouvez modifier dans l'onglet Apparence. Pour plus d'informations, cliquez ici.
L'image de page d'accueil
Cette image se paramètre dans l'onglet "Information" de chaque concertation, assemblée, etc. Cette image va s’afficher à plusieurs endroits sur la plateforme :
- en vignette sur la page d’accueil : la hauteur est fixe à 128 px, mais la largeur varie jusqu’à 400 px au maximum.
- en grand format pour un processus mis en avant dans la liste des processus participatifs :
- s’adapte en hauteur au texte de description du processus (jusqu’à 614 px sur un écran 13”) et en largeur à la taille de l’écran (576 px sur un écran 13”).
- en format tablette, l’image passe à l’horizontal en 750 x 240 px.
Comme vous pouvez le voir dans l'image ci-dessous, cette image apparaît en effet dans différentes configurations de cartes d'espaces.