Passer au contenu principal

Quelles sont les dimensions et tailles recommandées pour les images de la plate-forme ?

Tout ce que vous devez savoir sur la taille, les dimensions et l'affichage des images. Trouvez également de bons et de moins bons exemples.

Nola Moreau avatar
Écrit par Nola Moreau
Mis à jour cette semaine

Cet article est traduit de l'anglais vers le français

Que sont les images sur notre plateforme ?

Votre plateforme permet une personnalisation visuelle par le biais d'images ou de graphiques. Ces visuels améliorent l'engagement des utilisateurs et donnent une image professionnelle et de marque.

Voici les principaux endroits où les images sont utilisées :

  • Bannière de la page d'accueil

  • Carte de projet ou de dossier (dans les paramètres du projet/dossier ; visible sur la page d'accueil ou dans les dossiers)

  • Bannière du projet ou du dossier (voir l'image d'en-tête dans les paramètres du projet/dossier ; apparaît en haut de la page du projet/dossier)

  • Carte d'entrée (idée) (affichée au-dessus des entrées individuelles ou dans les aperçus d'entrées)

  • Logo

  • Images in-text

  • Propositions

  • Cartes d'événements

Quelles sont les exigences en matière de fichiers images ?

Pour plus de clarté :

  • Utilisez les formats PNG ou JPG

  • La taille du fichier ne doit pas dépasser 10 Mo

  • Utilisez une résolution d'au moins 72 dpi (points par pouce).

💡 Un nombre de ppp plus élevé garantit que votre image est nette et non pixellisée.

Quelles sont les exigences relatives aux pièces jointes sur la plate-forme ?

  • Chaque fichier (image, PDF, etc.) peut contenir jusqu'à 50 Mo.

  • Pas de limite au nombre de pièces jointes par projet

  • Cependant, le téléchargement d'un grand nombre de fichiers volumineux peut ralentir les performances.

⚠️ Les fichiers joints sont automatiquement téléchargés lorsque vous cliquez dessus.

💡 Si vous souhaitez que le fichier s'ouvre dans un nouvel onglet, utilisez l'outil hyperlien pour insérer une URL directe vers le fichier hébergé en ligne.

Quelles sont les dimensions recommandées pour les différentes images sur la plateforme ?

Bannière de la page d'accueil

  • Dimensions recommandées : 1440 × 480 px

  • Rapport hauteur/largeur : 3:1

  • Sur mobile : les affichages sont généralement plus proches de 1:1

ℹ️ Vous pouvez choisir différents styles de bannières (voir section suivante).

Carte de projet/dossier

  • Dimensions : 1400 × 1050 px

  • Rapport hauteur/largeur : 4:3

  • Sur mobile : maintient le rapport 4:3

Bannière du projet/dossier

  • Dimensions : 1800 × 600 px

  • Rapport hauteur/largeur : 4:1

  • Sur mobile : les récoltes sont d'environ 3:1

Carte d'entrée (idée)

  • Dimensions : 1024 × 1024 px

  • Rapport hauteur/largeur : 1:1

  • Sur mobile : cultures à 2:1 ou 3:1

Logo

  • Hauteur minimale : 48px

  • Rapport : 2:1

  • Affiché dans le coin supérieur gauche du menu de navigation

Carte de proposition

  • Dimensions : 1000 × 500 px

  • Rapport : 2:1

  • Affiché sur la page de présentation de la proposition

Carte d'événement

  • Dimensions : 1800 × 600 px

  • Rapport : 3:1

  • Affiché au bas des pages du projet et sous l'onglet "Événements".

Images in-text

  • Peut être ajouté dans les descriptions de projets/phases ou dans les enquêtes.

  • Les titres sont obligatoires pour l'accessibilité

  • Redimensionnable dans les champs de texte ordinaires mais pas dans les créateurs de contenu

Quelles sont les différentes options d'affichage des bannières de la page d'accueil ?

Vous pouvez choisir entre 3 options de mise en page pour la bannière de votre page d'accueil :

Bannière pleine largeur

  • Offre l'impact visuel le plus important

  • C'est l'image qui est la plus recadrée

  • Idéal pour les visuels abstraits et décoratifs sans texte

Bannière à deux rangs

  • Le titre, le sous-titre et le bouton apparaissent sous l'image.

  • Utile si votre image ne s'accorde pas bien avec le texte superposé

Bannière à rapport fixe

  • Rapport recommandé : 3:1

  • Maintient une zone d'affichage cohérente

  • Lors du téléchargement, vous pouvez faire glisser l'image pour choisir la partie qui reste visible.

⚠️ Quelle que soit la mise en page, évitez d'utiliser du texte à l'intérieur de l'image, car il risque d'être tronqué sur les petits écrans.

Comment redimensionner les images sur la plateforme ?

  • Dans les zones de texte ordinaires, vous pouvez redimensionner l'image en faisant glisser les coins de l'image.

  • Dans les zones de construction de contenu (par exemple, la construction de la page d'accueil, la description du projet), le redimensionnement n'est pas possible de cette manière, les images conservent leur taille d'origine. Il existe une astuce que vous pouvez utiliser si vous devez redimensionner une image dans le constructeur de contenu. Vous pouvez utiliser des colonnes à l'intérieur des colonnes pour réduire la taille de l'image.

💡 Réduisez visuellement la taille des images dans le générateur de contenu en utilisant des colonnes dans des colonnes.

Avez-vous trouvé la réponse à votre question ?