🖼 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 recommandés

Images : formats recommandés pour Decidim 0.29

Les images dans Decidim sont toujours recadrées à partir du centre : quel que soit le format d’écran, le centre de l’image reste le point de référence. Il est donc crucial que les éléments visuels essentiels (logo, texte) soient positionnés autour du centre, et non sur les bords.

Contraintes générales

• Poids maximal : 10 Mo
• Dimensions maximales : 3840 × 3840 px
• Formats acceptés : jpeg, jpg, png

Formats recommandés pour les processus participatifs / concertations

Si vous devez intégrer un logo ou du texte dans la vignette, assurez-vous que ces éléments restent dans cette zone centrale de 472 × 203 px afin d’éviter tout recadrage trop agressif.

Autres usages d’images (interface / Décor du site)

Dans l’onglet Apparence de l’administration de Decidim, vous pouvez paramétrer :

• l’icône (souvent un carré)
• le logo principal (dans l’en-tête, dans les mails ou newsletter)
• un logo officiel dans le pied de page
• des images pour le “Highlighted Content Banner”
• un “Omnipresent Banner” visible sur toutes les pages

Recommandations pratiques

1. Produisez vos images dans une résolution plus élevée que le strict minimum pour garantir une qualité correcte après redimensionnement.
2. Placez les éléments “sensibles” (texte, logos, motifs) dans une zone centrale.
3. Testez l’affichage sur divers appareils (grand écran, tablette, mobile).
4. Préparez votre image sans texte ou avec texte léger — ne comptez pas sur un recadrage parfait automatique pour préserver des textes complexes.
5. Pour les logos ou icônes utilisés dans l’interface (header, footer, mails…), respectez les contraintes visuelles de votre thème et testez les contrastes et lisibilité.

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 maximal de 8000x8000 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".

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 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 maximal pour cette image est de 3840x3840 pixels.

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, des informations et ou des visuels importants à au centre de l'image.

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 ou autre espace participatif.

Elle correspond à l’image de couverture (cover image) du processus et s’affiche dans plusieurs contextes de la plateforme :

• Sur la page d’accueil, en tant que vignette de la concertation ; elle s’affiche dans un format horizontal d’environ 496 × 279 px (ratio proche de 16:9).
• Sur la page du processus participatif, comme bannière d’en-tête, adaptée dynamiquement à la largeur de l’écran. L’image est redimensionnée automatiquement pour occuper toute la largeur du bloc, en conservant le centre comme repère de recadrage.
• En affichage mobile ou tablette, le format se réduit proportionnellement pour maintenir le ratio et la lisibilité ; aucun réglage manuel n’est requis.

Si l’image comporte un logo ou du texte, ceux-ci doivent être centrés et tenir dans une zone sûre de 472 × 203 px afin d’éviter tout rognage sur les bords.

Évitez d’ajouter du texte trop proche des extrémités de l’image.

Ainsi, l’image de page d’accueil s’adapte automatiquement aux différentes configurations d’affichage (cartes de la page d’accueil, page du processus, aperçu mobile), tout en conservant le centre de l’image comme zone de référence.