Taille et ratio des images

Cet article liste toutes les tailles et ratios recommandés des images, pour tous les éléments de la plateforme.

Lorsque vous importez une image, la plateforme utilise le nom du média comme texte alternatif lu par les lecteurs d'écran. Utilisez un nom descriptif qui transmet le contenu de l'image (par exemple, « Checklist d'intégration commerciale » plutôt que « image001.jpg »). Vous pouvez définir le nom au moment de l'importation ou le mettre à jour plus tard via l'éditeur de médias dans l'éditeur de module.

Tous les conteneurs d’images appliquent les règles CSS suivantes pour afficher les images :

• background-size: cover
• background-position: center

Image de couverture des modules

• Ratio 16:9 (1,7)
• Au moins 980 x 250 pixels
• Aucun texte
• JPEG, PNG, ou GIF

La page d’accueil d’un module affiche l’image de couverture en largeur complète adaptative. Dans tous les autres endroits (en haut des tableaux de bord, dans les fils d’actualité, les tables des tableaux de bord, la page de résultats de recherche, la fenêtre de sélection des modules, et les étapes de chemin), l’image est affichée dans une miniature de ratio 16:9.

Sur la page d’accueil du module, l’image de couverture est assombrie avec ce dégradé sombre :

background: linear-gradient(180deg, rgba(24,25,29, 0.3) 0%, rgba(24,25,29, 0.9) 100%);

Voir Modifier les informations d'un module.

Image de couverture d’un chemin

• Ratio 16:9 (1.7)
• Au moins 980 x 550 pixels
• Aucun texte
• JPEG, PNG, ou GIF

La page d’accueil d’un chemin affiche l’image de couverture avec un ratio de 2,6. Dans tous les autres endroits (en haut des tableaux de bord, dans les fils d’actualité, les tables des tableaux de bord, la page de résultats de recherche, la fenêtre de sélection des chemins, et les étapes de chemin), l’image est affichée dans une miniature de ratio 16:9.

Voir Modifier les informations d’un chemin.

Images de couverture dans l’application mobile

L’application mobile recadre les images de couverture des modules et des chemins pour remplir chaque vue, en gardant le centre. La plupart des vues sont plus étroites que le format 16:9. Nous vous recommandons de garder le sujet principal au centre des 75 % de la largeur de l'image.

Sur iOS, une image de couverture de module en mode portrait ou carré apparaît en plein écran sur la page d'accueil du module, par-dessus une copie floutée de celle-ci.

Carousel

• Mise en page poster : 1600 x 400 pixels (ratio 4:1)
• Mise en page carte postale : 800 x 400 pixels (ratio 2:1)
• JPEG, PNG, ou GIF

Les images trop petites peuvent apparaitre pixellisées. Les images trop grandes peuvent être tronquées.

Quelle que soit la taille d'image que vous utilisez, essayez de garder le point focal de l'image près du centre, avec suffisamment d'espace au-dessus, en dessous et sur les côtés.

Nous vous recommandons d’utiliser une image qui ne contient aucun texte, pour éviter le chevauchement entre le visuel et la description de la diapositive.

Dans la mise en page poster, un dégradé sombre est appliqué sur l’image :

linear-gradient(rgba(255, 255, 255, 0), rgb(24, 25, 29))

Voir Configurer un carousel.

Galerie

• Ratio 8:3 (2,7)
• 800 x 300 pixels
• JPEG, PNG, ou GIF

Les images trop petites peuvent apparaitre pixellisées. Les images trop grandes peuvent être tronquées.

Quelle que soit la taille d'image que vous utilisez, essayez de garder le point focal de l'image près du centre, avec suffisamment d'espace au-dessus, en dessous et sur les côtés.

Voir l’article Configurer une galerie.

Certificats

• Ratio 10:7 (1,4)
• 1500 x 1050 pixels
• Aucun texte
• JPEG, PNG, ou GIF

Voir Add a certificate to a path →

Image de couverture (plateforme ou groupe)

• Ratio 3:1
• 1440 x 480 pixels
• Doit permettre les ratios 3.0 et 3.6 (centré)
• Aucun texte
• JPEG, PNG, ou GIF

Voir l’article Modifier les paramètres généraux d’un groupe ou Modifier les paramètres généraux de la plateforme.

Logo (plateforme ou groupe)

• Ratio 1:1 (carré)
• 80 x 80 pixels
• Nous suggérons des marges gauche et droite de 22 pixels pour éviter qu'il ne soit rogné par la courbe des sommets
• JPEG, PNG, ou GIF

Voir l’article Modifier les paramètres généraux d’un groupe ou Modifier les paramètres généraux de la plateforme.

Favicon (plateforme ou groupe)

• Ratio 1:1 (carré)
• 32x32 pixels (mais nous acceptons n’importe quelle taille entre 16x16 et 500x500 pixels)
• JPEG, PNG, GIF, ou ICO

Voir l’article Modifier les paramètres généraux d’un groupe ou Modifier les paramètres généraux de la plateforme.

Image de profil personnel

• Ratio 1:1 (carré)
• 80 x 80 pixels (cercle)
• JPEG, PNG, ou GIF

Bannière de profil

• Ratio 3:1
• 980 x 326 pixels
• JPEG, PNG, ou GIF

Reactions

• Ratio 1:1 (carré)
• Au moins 64 x 64 pixels
• SVG, PNG, ou GIF

Une image non carrée est déformée sur le web et rognée dans l'application mobile.

Les GIF animés sont lus sans modification et bouclent selon les paramètres du fichier. La plateforme ne limite ni les dimensions, ni le nombre d'images, ni la durée.

Voir l’article Personnaliser les réactions.