Les dimensions des images de la plateforme
La plateforme dispose de plusieurs emplacements dédiés aux illustrations. Chacun de ces emplacements disposent de ses propres dimensions qui imposent de retravailler l'image afin que le ratio soit respecté et qu'elle ne soit pas coupée. Vous trouverez dans cet article la liste de chacun de ces emplacements et leurs dimensions.
Important : Pour permettre la meilleure intégration possible, nous vous recommandons d'utiliser (ou de nous envoyer si l'intégration est faite par notre équipe) des images au format PNG (la résolution "DPI" n'impacte pas l'affichage sur le web, les recommandations concernent donc uniquement la taille en pixels des images).
- Logo
- Projets participatifs
- Propositions (dépôt)
- Thèmes
- Actualités
- Événements
- À la une
- Image de profil
- Entête
Logo
Le logo apparaît en haut à gauche du site, dans la barre de navigation principale. Il est donc visible sur toutes les pages du site.
Dimensions : Le menu ayant une hauteur de 40 pixels sans limitation horizontale pour l'espace du logo, nous vous conseillons d'ajouter un logo horizontal pour qu'il soit bien visible. Pour ne pas perdre en définition nous vous recommandons un fichier d'environ 300 pixels ou plus de hauteur.
Voir article Changer le logo de la barre de navigation
Projets participatifs
Chaque projet participatif est accompagné d'une image visible dans 3 emplacements :
Les vignettes des projets participatifs se trouvent sur la page /projects et dans la section Projets participatifs de la page d'accueil.
Dimensions : hauteur et largeur forcées de 233x350 pixels, soit environ un ratio de 3/2.
L'entête de chacun des projets participatifs.
Dimensions : format 3/2, par exemple 600 x 400 pixels, 750 x 500 pixels, 1000 x 666 pixels...
Propositions (dépôt)
Chaque proposition publiée lors d’une étape de dépôt (budget participatif, boîte à idées, appel à projets…) peut être illustrée par une image selon sa catégorie. Cette image sera visible sur :
- la vignette de la proposition dans l’étape de dépôt et dans les étapes de sélection (analyse, vote, résultats). Pour cela, la fonctionnalité Afficher les illustrations dans la liste des propositions d’un dépôt doit être activée dans Réglages > Fonctionnalités.
- la page de la proposition
Dimensions : 950 x 310 pixels
Pour plus d’informations sur les illustrations des propositions, voir l’article Créer un formulaire de dépôt de propositions.
Thèmes
Chaque thème est accompagné par une image visible sur la page /themes et dans la section Thèmes de la page d'accueil.
Dimensions : hauteur et largeur forcées de 261x184 pixels, soit environ un ratio de 3/2.
Actualités
Les actualités (ou articles) sont illustrées par une image visible dans 3 emplacements :
L'aperçu des actualités dans la page /blog et dans la section Actualités de la page d'accueil
Dimensions : 225x150 pixels (ratio 3/2).
L'image se répète en haut de la page d'une actualité.
Dimensions : largeur fixe de 660 pixels, hauteur libre. Utilisez une hauteur de 371 pixels pour un pour un format 3/2. Si l’image comporte du texte, préférez un format 490x40.
Événements
Les événements peuvent être illustrés par une image qui se placera en haut de la page de l'événement.
Dimensions : largeur fixe de 660 pixels. Utilisez une hauteur de 371 pixels pour un format 3/2.
Section A la une
La section A la une permet de mettre en avant une actualité, un événement ou un projet participatif. L'illustration de l'élément mis en avant est alors utilisée.
Dimensions : 854x480 pixels, soit un ratio 16:9.
Selon l'image, il peut être difficile d'avoir un affichage correct à la fois dans la section A la une et dans l'aperçu, du fait de la différence de ratio qui implique que l'image sera coupée dans un des deux emplacements. Il faut donc dans ce cas choisir une image qui peut être coupée sans que cela soit un problème.
Image de profil
Chaque compte utilisateur dispose d'une image de profil. Celle-ci est particulièrement importante pour l'identité de la plateforme dans le cas du profil de l'auteur officiel des projets participatifs et propositions initiales.
Dimensions : image de 200x200 pixels automatiquement coupée sous forme de cercle.
En-tête de la page d'accueil
L’entête de la page d'accueil (ou header) se situe en haut de l’accueil du site. Il est composé de 2 parties : une image de fond et le contenu. Pour en savoir plus sur le fonctionnement de l'entête, vous pouvez lire l'article Configurer l'entête de la page d'accueil.
Dimensions de l'image de fond de l'entête : 1200*800 minimum
Dimensions des images situées dans le contenu de l'entête : suffisamment grandes pour ne pas être pixelisées, sans être trop grandes pour ne pas avoir un poids excessif. Les images ajoutées dans l'entête seront responsive.
