Passer au contenu principal

🖼️ Dimensions recommandées pour les visuels de la plateforme

Dimensions et ratios recommandés pour les visuels de la plateforme : bannières, logos, vignettes et images des contenus.

Océane Caille avatar
Écrit par Océane Caille
Mis à jour il y a plus de 3 mois

🧑🏻‍🎓 Dimensions adaptées à l'expérience apprenant verticale.

Afin d’assurer une expérience utilisateur optimale et une cohérence graphique sur l’ensemble de la plateforme, voici les dimensions recommandées pour chaque type de visuel :

📚 Catalogue et programmes

  • Bannière de la formation dans le catalogue : 1500 x 850 px (16:9)

  • Bannière de la page d'introduction : 2000 × 425 px (ratio 5:1)

  • Bannière du programme : 2000 × 425 px

  • Icône du programme : 805 × 500 px

🧭 Navigation dans les parcours

  • Vignette du parcours : 550 × 300 px (ratio 5,5:3)

  • Vignettes alternatives – version carte : 700 × 400 px (ratio 7:4)

  • Vignettes alternatives – version liste : 400 × 500 px (ratio 4:5)

  • Bannière en haut de la page des chapitres : 1600 × 400 px (ratio 8:2)

  • Images dans les situations : 600 × 800 px (ratio 1:1)

  • Images interactives : Ratio 4:3

🎯 Identité visuelle

  • Logo : 400 × 400 px (ratio 1:1)

  • Bannière de l’espace personnel : 1300 × 200 px (ratio 6,5:1)

🔍 Recommandations générales

  • Ratios conseillés :

    • Carré : 720 × 720 px

    • Paysage 4:3 : 720 × 540 px

    • Paysage 5:4 : 720 × 576 px

Astuce : privilégiez un format carré ou paysage pour un affichage optimal dans la plateforme.

  • Pour choisir le bon format d'image, voici deux options :

    • JPEG pour une image simple

    • PNG pour une qualité supérieure avec transparence

  • Veillez à ne pas dépasser 1 Mo par fichier pour optimiser le temps de chargement.

  • Respectez les ratios pour garantir une bonne mise en page, notamment sur mobile.


Mots clés : dimensions, images, vignettes, visuels, format des images, bannière


Des questions supplémentaires ? N’hésitez pas à nous contacter à assistance@didask.com. Notre équipe est à votre disposition pour vous aider et vous accompagner dans vos projets ! 💬

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