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.

Écrit par OcĂ©ane
Mis à jour il y a plus de 4 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 Ă  [email protected]. Notre Ă©quipe est Ă  votre disposition pour vous aider et vous accompagner dans vos projets ! 💬

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