Pré-requis :
Accès à la plateforme Rise Up avec des droits
Administrateur,
Concepteur ou Auteur —
ces deux derniers rôles étant ceux qui interviennent sur
la personnalisation
des formations et des parcours, en revanche n'ont aucune permission sur la
gestion des paramètres de personnalisation.
Utilisation d'un outil d'édition d'images ou de vidéos pour ajuster les dimensions
en amont si nécessaire.
Compréhension de base des formats d'image et des paramètres de résolution.
Voir la définition d'un Favicon et sa dimension exigée (256x256)
Ce guide présente les dimensions et formats recommandés pour l'ensemble des images, vidéos et bannières utilisées sur la plateforme Rise Up (pages de connexion, logos, formations, page d'accueil, application mobile). Respecter ces recommandations évite tout étirement, recadrage ou perte de qualité au moment de l'affichage, et assure une présentation optimale de vos médias.
Récapitulatif des dimensions
Utilisez ce tableau comme référence rapide, puis consultez la section correspondante pour la procédure détaillée.
| Élément | Emplacement | Dimensions | Format |
|---|---|---|---|
| Image de fond — Page de connexion | Personnalisation > Page de connexion | 1920 x 1080 px | 16:9 |
| Vidéo de fond — Page de connexion | Personnalisation > Page de connexion | 1080p | — |
| Logo de l'entreprise | Personnalisation > Couleurs | 250 x 250 px | 1:1 |
| Favicon | Via Équipe support / CSM | Max 256 x 256 px | 1:1 |
| Logo mobile | Personnalisation > Application mobile | 500 x 500 px | 1:1 |
| Image de fond mobile | Personnalisation > Application mobile | ~640 x 1280 px | Variable |
| Image tablette (app mobile) | Personnalisation > Application mobile | 1200 x 600 px | — |
| Image mobile (app mobile) | Personnalisation > Application mobile | 1200 x 400 px | — |
| Image de formation | Formation > Configuration | 500 x 500 px | 1:1 |
| Bannière de formation | Formation > Présentation | 1800 x 450 px | 4:1 |
| Bannière page d'accueil — Widget petit | Paramètres > Page d'accueil > Personnalisation > Page d'accueil par défaut | 270 x 180 px | — |
| Bannière page d'accueil — Widget moyen | Paramètres > Page d'accueil > Personnalisation > Page d'accueil par défaut | 500 x 500 px | — |
| Bannière page d'accueil — Widget grand | Paramètres > Page d'accueil > Personnalisation > Page d'accueil par défaut | 1350 x 230 px | — |
| Bannière HTML widget — LxL | Paramètres > Page d'accueil > Personnalisation | 1350 x 635 px | — |
| Bannière HTML widget — LxM | Paramètres > Page d'accueil > Personnalisation | 1350 x 309 px | — |
| Bannière HTML widget — MxM | Paramètres > Page d'accueil > Personnalisation | 667 x 309 px | — |
I. Personnaliser vos Pages de Connexion
Image de Fond pour la Page de Connexion
Accédez au menu latéral 'Personnalisation' dans vos paramètres et sélectionnez 'Page de connexion'. Activez ensuite l'arrière-plan personnalisé pour accéder à une sélection de vidéos prédéfinies, ou personnalisez entièrement vos pages de connexion via l'onglet 'Personnaliser'. Vous pouvez importer des médias reflétant votre image de marque pour assurer une cohérence visuelle.
Image de Fond — Page de Connexion
Dimensions : 1920 x 1080 pixels
Format d'Image : 16:9
Vidéo de Fond — Page de Connexion
Résolution : 1080p
II. Choisir la Dimension Idéale pour vos Logos
Logo de l'Entreprise
Dans le menu 'Couleurs', importez votre logo et personnalisez l'apparence de votre barre de navigation.
Dimensions : 250 x 250 pixels
Format d'Image : 1:1
À noter, vous avez également la possibilité de personnaliser un Favicon à votre image en contactant notre Équipe support ou votre CSM. Pour un affichage optimal, respectez une dimension maximale de 256 x 256.
Qu'est-ce qu'un Favicon ?
Un Favicon ou 'icône de favori' est une petite icône graphique associée à un site web ou une page web. Il apparaît généralement dans les onglets des navigateurs, les favoris, les raccourcis et la barre d'adresse. Son utilisation est importante pour la reconnaissance de la marque, car il aide les utilisateurs à identifier plus facilement votre site parmi d'autres.
Logo Mobile
Pour personnaliser votre application mobile, accédez à 'Personnalisation de l'application mobile' sous le menu 'Personnalisation'.
Dimensions : 500 x 500 pixels
Format d'Image : 1:1
Image de Fond Mobile
Dimensions approximatives : 640 x 1280 pixels
Remarque : la présentation peut varier selon l'appareil.
Images pour Tablettes et Mobiles
Dimensions Image Tablette : 1200 x 600 pixels
Dimensions Image Mobile : 1200 x 400 pixels
Image de Fond pour Tous les Appareils
Pas de limite : vous pouvez utiliser la même image pour
tous les appareils.
Formats d'image à considérer :
- 16:9 pour les téléphones Android
- 16:10 pour les tablettes Android
- 19.5:9 pour les iPhones modernes
- 4:3 pour la plupart des iPads
III. Gérer les Images de vos Formations
Image de Formation
Depuis l'onglet 'Configuration' d'une formation, cliquez sur la vignette 'IMAGE' pour importer un visuel depuis la banque d'images ou votre ordinateur.
Dimensions :
500 x 500 pixels
Format d'Image : 1:1
Bannière de Formation
Depuis le même onglet, la bannière s'affiche en en-tête de la page de présentation de la formation.
Dimensions :
1800 x 450 pixels
Format d'Image : 4:1
IV. Personnaliser la Page d'Accueil par Défaut (Images & Bannières Widget)
Accédez à vos paramètres via 'Paramètres', puis dans le menu 'Page d'accueil' sélectionnez 'Personnalisation'. Dépliez la section 'Page d'accueil par défaut' pour retrouver le bloc 'Bannière' (image/vidéo) et le bloc 'Carrousel'.
Pour le bloc 'Bannière', choisissez ensuite la position souhaitée (sur le panneau de gauche ou sur le tableau de bord) : la dimension d'image recommandée dépend de la taille du widget correspondant à cette position.
Dimensions applicables dans Page d'accueil par défaut > Bannière :
| Taille de widget | Dimensions recommandées |
|---|---|
| Petit widget | 270 x 180 pixels |
| Widget moyen | 500 x 500 pixels |
| Grand widget | 1350 x 230 pixels |
Bannières Widget HTML de la Page d'Accueil
Indépendamment du bloc 'Bannière' présenté ci-dessus, la page d'accueil peut aussi intégrer des widgets HTML personnalisés (depuis Paramètres > Page d'accueil > Personnalisation). Ces widgets affichent une bannière selon trois formats de blocs (Large x Large, Large x Moyen, Moyen x Moyen). Chaque format correspond à un emplacement différent dans la mise en page de la page d'accueil.
| Format du widget | Dimensions recommandées |
|---|---|
| LxL (Large x Large) | 1350 x 635 pixels |
| LxM (Large x Moyen) | 1350 x 309 pixels |
| MxM (Moyen x Moyen) | 667 x 309 pixels |
Bonne pratique : redimensionnez toujours votre image en amont, avec l'outil d'édition de votre choix, en respectant précisément la dimension du format de bannière HTML choisi (LxL, LxM ou MxM) avant de l'importer. Une image importée à la mauvaise dimension peut être recadrée ou déformée automatiquement lors de l'affichage.
V. Taille Maximale des Fichiers sur votre Plateforme Rise Up
Plateforme Web
La taille maximale pour les fichiers est de 500 Mo, sauf lors de l'édition de votre formation où la vidéo de description peut atteindre jusqu'à 5 Go maximum.
Plateforme Mobile
Limites de taille de fichier pour différents types sur l'application mobile :
Images : 15 Mo
Vidéos : 500 Mo
Documents : 500 Mo
FAQ & Troubleshooting
-
Problème : Les
images apparaissent étirées ou déformées.
Solution : Vérifiez que l'image respecte exactement le format et le ratio spécifiés pour cet emplacement (voir le tableau récapitulatif en haut de l'article).
Problème : La vidéo ne se lit pas correctement.
Solution : Vérifiez la résolution et la compatibilité du format vidéo.
Problème : La bannière widget de la page d'accueil s'affiche recadrée.
Solution : Redimensionnez l'image en amont selon le format exact du widget choisi (petit 270x180, moyen 500x500, grand 1350x230, ou pour les widgets HTML : LxL 1350x635, LxM 1350x309, MxM 667x309) avant de l'importer.
Problème : Un utilisateur ne trouve pas les menus de personnalisation.
Solution : Vérifiez qu'il dispose bien d'un rôle Administrateur ; les rôles avec des droits restreints n'ont pas accès à ces paramètres. -
Puis-je utiliser la même image pour différentes sections ?
Oui, mais assurez-vous qu'elle respecte les dimensions requises pour chaque section.
Que se passe-t-il si j'importe une image aux mauvaises dimensions ?
La plateforme peut redimensionner ou recadrer automatiquement l'image, ce qui peut causer une distorsion.
Quelle est la différence entre les formats de bannière widget LxL, LxM et MxM ?
Ils correspondent à trois emplacements différents dans la mise en page de la page d'accueil ; chacun nécessite une image redimensionnée à sa dimension exacte pour un rendu optimal. -
Pour toute assistance, soumettez une demande :
Demande de support Rise Up