Présentation : Lors de l'ajout de graphiques aux modules Evolve, il est conseillé d'optimiser le contenu afin que les cours se chargent et se déroulent de manière fluide, pour garantir une expérience d'apprentissage optimale.
Point de départ : La vue Éditeur (Editor) d'un module Evolve.
Les cours Evolve peuvent comporter une image de héros (Hero Image, une grande image au début du cours qui donne le ton et donne un aperçu visuel du module) et des graphiques. Il est important d'optimiser l'imagerie pour que les cours se chargent rapidement, car c'est un facteur clé de l'engagement des apprenants.
Vous pouvez utiliser des optimiseurs d'images gratuits comme Tinypng.com.
Format de l'image du héros (Hero Image)
L'option Paramètres avancés de l'image (Image Advanced Settings), disponible dans le menu déroulant Graphique (Graphic) (lorsque vous sélectionnez un élément graphique existant dans un cours), permet de mieux contrôler la taille des images par appareil. Vous pouvez définir n'importe quelle taille d'image par appareil : cela signifie que vous pouvez définir une image de héros à très haute définition pour les ordinateurs de bureau, mais une image à plus faible définition pour les appareils mobiles.
Voici les tailles optimales pour chaque type d'image :
Taille de l'image Bureau : 1920 × 750 pixels.
Taille de l'image Tablette : 1024 × 800 pixels.
Taille de l'image Mobile : 800 × 800 pixels.
Vous pouvez utiliser des outils gratuits de redimensionnement d'images tels que : https://www.adobe.com/express/feature/image/resize.
Comment télécharger des images de héros (Hero Images) ?
Image du héros de la page principale (Main Page Hero Image)
- Sélectionnez le cours que vous souhaitez modifier.
- Sélectionnez Paramètres du Cours (Course settings), l'icône en forme de roue dentée.
- Sélectionnez l'onglet Box Menu.
- Téléchargez votre image de héros optimisée dans la section Image de héros en cliquant sur l'icône +(Sélectionner un Actif/Select Asset).
- Sélectionnez le bouton à bascule Définir l'image par taille d'appareil (Set Image Per Device) pour pouvoir définir des tailles d'image différentes pour chaque type d'appareil.
Image de l'élément de menu de la boîte (Box Menu Item Image)
- Sélectionnez le cours que vous souhaitez modifier.
- Sélectionnez Contenu (Content), l'icône de la liste.
- Sélectionnez la page que vous souhaitez modifier.
- Sélectionnez le menu déroulant Général (General) sur le côté droit de la vue Éditeur.
- Faites défiler vers le bas jusqu'au menu déroulant Box Menu Item (Élément de Boîte à Menu).
- Téléchargez l'image de l'élément de menu de votre boîte optimisée en cliquant sur l'icône + (Select Asset).
Image du héros de la page (Page Hero Image)
- Sélectionnez le cours que vous souhaitez modifier.
- Sélectionnez Contenu (Content), l'icône de la liste.
- Sélectionnez la page que vous souhaitez modifier.
- Sélectionnez le menu déroulant Général (General) sur le côté droit de la vue Éditeur.
- Faites défiler vers le bas jusqu'au menu déroulant Page Hero Image.
- Sélectionnez le bouton à bascule Ajouter une image de héros (Add Hero Image).
- Faites défiler la page jusqu'à la section Image de Héro (Hero Image) et sélectionnez l'icône +(Select Asset).
- Sélectionnez le bouton à bascule Définir l'image par taille de périphérique (Set Image Per Device Size) dans la section Paramètres avancés de l'image Hero (Hero Image Advanced Settings).
Création d'une vignette (thumbnail) pour Mapal One
Pour créer une vignette pour votre cours sur Mapal One, nous vous recommandons d'utiliser Adobe Express : https://new.express.adobe.com/sp/.
- Sélectionnez Créer (Create) et naviguez jusqu'à Taille personnalisée (Custom Size).
- Ajoutez la taille personnalisée 400x225 et sélectionnez Créer un nouveau fichier (Create New File).
- Téléchargez votre photo en sélectionnant l'icône photo dans la section de gauche > Télécharger une photo (Upload Photo).
- Redimensionnez l'image et sélectionnez Télécharger (Download) > PNG.
- Renommez l'image en one_thumbnail.png.