Passer au contenu principal
Toutes les collectionsL'éditeur d'apparence
La Taille des Images pour l'Éditeur d'Apparence
La Taille des Images pour l'Éditeur d'Apparence

Cet article répertorie les tailles d'image pour les différentes sections de l'éditeur d'apparence.

Gayathri Rajendiran avatar
Écrit par Gayathri Rajendiran
Mis à jour il y a plus d’une semaine

EngagementHQ est une plateforme réactive; la page d'accueil s'adaptera donc à l'écran de l'appareil utilisé. Nous avons établi les lignes directrices suivantes concernant la taille des images pour chaque section, mais nous recommandons toujours de faire un aperçu de votre page d'accueil sur plusieurs appareils. Nous recommandons d'utiliser des fichiers de 500 Ko, avec une taille maximale de 1 Mo pour toutes les images.

Vous pouvez modifier les images des sections de la page d'accueil dans l'onglet Mettre à jour. Vous pouvez :

  • Recadrer en utilisant les rapports 16:9, 4:3, 1:1 ou Libre

  • Rotation dans le sens des aiguilles d'une montre ou dans le sens inverse

  • Retourner verticalement ou horizontalement

  • Réinitialiser pour recommencer

Vous pouvez également utiliser l'onglet Images par Unsplash pour rechercher et choisir dans notre galerie d'images de stock intégrée. Ces images sont libres de droits et peuvent servir d'arrière-plan ou d'images décoratives.

Pour chaque section de L'Éditeur d'Apparence, une dimension (largeur x hauteur) est donnée pour les mises en page disponibles. Ces mises en page sont énumérées dans l'ordre dans lequel elles apparaissent lorsque vous ajoutez une nouvelle section.

Définissez un point focal d'image lorsque cela est possible afin que la zone sélectionnée soit visible quel que soit l'appareil.

Section bannière

Les bannières sans contenu s'adaptent à la largeur du navigateur en utilisant la hauteur originale de l'image. Pour les mises en page 1 à 5, vous pouvez spécifier la hauteur de la bannière, mais elle doit s'adapter au contenu. Les mises en page 1 à 5 s'adaptent à l'image d'arrière-plan en tant que remplissage et recadrent les images larges. Les bannières contenant du texte ou des graphiques doivent être utilisées de préférence avec la mise en page 6.

  • Mise en page 1 : 1440 px x 400 px

    • La hauteur minimale est de 350 px

  • Mise en page 2 : 1440 px x 400 px

    • La hauteur minimale est de 350 px

  • Mise en page 3 : 1440 px x 400 px

    • La hauteur minimale est de 350 px

  • Mise en page 4 : minimum 716 px x 500 px

  • Mise en page 5 : minimum 716 px x 500 px

  • Mise en page 6 : 1440 px x 400 px

    • La hauteur minimale est de 350 px

Section Projets

La section Projets comporte de nombreuses mises en page et le ratio d'affichage de l'image peut dépendre du contenu de la carte. En raison de la conception réactive, les images des projets peuvent être rognée et s'afficher de manière différente sur les petits appareils. Utilisez des images décoratives et évitez les images contenant du texte.

  • Mise en page 1 : 200 px x 235 px

  • Mise en page 2 : 488 px x 192 px

  • Mise en page 3 : 200 px x 235 px

  • Mise en page 4 : 488 px x 262 px

  • Mise en page 5 : 488 px x 262 px

  • Mise en page 6 : 488 px x 262 px

  • Mise en page 7 : 488 px x 188 px

  • Mise en page 8 :

    • Grande tuile : 698 px x 820 px

    • Petite tuile : 385 px x 328 px

  • Mise en page 9 :

    • Grande tuile : 698 px x 820 px

    • Petite tuile : 385 px x 328 px

  • Mise en page 10 : 310 px 195 px

  • Mise en page 11 : 310 px 195 px

Section En vedette

La section En vedette comporte trois mises en page :

  • Mise en page 1 : 1024 px x 235 px

  • Mise en page 2 : 1024 px x 235 px

  • Mise en page 3 : 620 px x 440 px

Section de Locateurs de Projets

Ces images proviennent de la page du projet ; s'il n'y a pas d'image, la carte affichera la couleur de votre marque. En raison de la conception réactive, les images des projets peuvent être rognées et s'afficher de manière différente sur les petits appareils. Le taux d'affichage de l'image peut dépendre du contenu de la carte.

  • Mise en page 1 : 200 px x 235 px

  • Mise en page 2 : 488 px x 192 px

Section Diaporama

Les images du diaporama doivent être décoratives et ne pas contenir de texte ; ajoutez du texte dans les champs titre et description.

  • Mise en page 1 : 820 px x 392 px

  • Mise en page 2 : 495 px x 392 px

  • Mise en page 3 : 495 px x 392 px

La Section Bannière d'inscription

La section Bannière d'inscription propose trois mises en pages et les dimensions peuvent varier en fonction du contenu que vous ajoutez.

Une ligne directrice générale est de 1440 px x 400px.

La Section Qui est à l'écoute

La section Qui est à l'écoute comporte quatre mises en page. Comme ces images représentent généralement des personnes, il est préférable de choisir une image carrée de 200 px x 200 px qui met l'accent sur le visage.

Icônes

Ces icônes sont utilisées dans les sections Documents, Dates clés, Échéancier, Q et R et Liens importants. Nous disposons d'une gamme d'icônes prédéfinies (illustrées ci-dessous), mais si vous téléversez les vôtres, nous vous recommandons d'utiliser une image de 48 px x 48 px.

Logos, Icônes et Images

Le volet Logos, Icônes et Images de l'Éditeur d'Apparence comporte les éléments suivants :

  • Un Logo : 150 px x 50 px

  • Une Icône de favori : 15 px x 15 px

  • Image de fond : Apparaît dans un motif de mosaïque en dehors des zones de contenu sur toutes les pages, à l'exception de la page d'accueil. Les dimensions dépendent de l'image choisie

  • Remplacement de la bannière de projet : 1440 px x 300 px

Quoi d'autre ?

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