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 : hauteur minimale de 270px avec une largeur minimale de 405px (format 4/3) — idéalement 305x405.

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 format 16/9 ou 440 pour un format 3/2 (aperçu).

É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 16/9.

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.

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.