Taille et ratio des images

  • Mise à jour

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

Toutes les images doivent être au format JPEG, PNG ou GIF (sauf le favicon de groupe, qui peut aussi être au format ICO). Évitez les SVG : les images SVG n'ayant pas de dimensions fixes, elles peuvent apparaître petites ou être mal rendues dans les vues qui affichent les images à leur taille d'origine, comme les pop-ups d'image et l'application mobile.

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.

La taille recommandée pour l’image de couverture d’un module est de 980x250 pixels.

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

  • en haut du tableau de bord (si le module correspond au critère sélectionné), centrée avec une taille de 220x124 pixels.
  • Dans les fils d’actualité et les tables des tableaux de bords, centrée avec une taille de 120x72 pixels.

Dans la page des résultats de recherche, centrée avec une taille de 85x48 pixels.

Dans les modèles et les sessions de parcours, centrée avec une taille de 216x60 pixels.

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

Dans les chemins, centrée avec une taille de 184x104 pixels.

980x250 (page d’accueil du module) - ratio 3,92

  • 220x124 (starred dashboard) - ratio 1.77 (16:9)
  • 120x72 (newsfeed, dashboard) - ratio 1.66
  • 85x48 (search results) - ratio 1.77

216x60 (program session page) - ratio 3.6

70x38 (course picker) - ratio 1.8

  • Layout 1.svgMise en page poster : 1600x400 pixels (ratio 4:1)
  • Layout 2.svgMise en page carte postale : 800x400 pixels (ratio 2:1)

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

Modèle de parcours

Session de parcours

Dans la mise en page poster, l’image est assombrie avec les caractéristiques CSS suivantes :

Session de chemin

Certificat

Redimensionné à 432x120 pixels dans les vignettes de groupe (donc légèrement plus large).

Logo du groupe

Le logo du groupe doit avoir la dimension 250x250 pixels.

Favicon du groupe

  • Le favicon du groupe doit avoir la dimension 32x32 pixels.
  • Nous acceptons n’importe quelle taille entre 16x16 et 500x500 pixels.
  • Image de profil personnel

Bannière de profil

Image de couverture (plateforme ou groupe)

  • Ratio 3:1
  • 1440 x 480 pixels
  • Devrait prendre en charge les ratios 3.0 et 3.6 (centré)
  • Sans texte

Voir 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.

Voir 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)

Voir 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é)
  • 80x80 pixels (cercle)

Bannière de profil

  • Ratio 3:1
  • 980 x 326 pixels
Visitez notre blog pour plus de ressources sur le Collaborative Learning.

Cet article vous a-t-il été utile ?

Utilisateurs qui ont trouvé cela utile : 5 sur 8


Vous avez d’autres questions ? Envoyer une demande