Les cours Evolve peuvent comporter une image principale (une grande image au début du cours qui donne le ton et offre un aperçu visuel du module) et des graphiques au sein du cours. Il est important d'optimiser les images pour garantir que les cours se chargent rapidement, car il s'agit d'un facteur clé de l'engagement des apprenants.

Vous pouvez utiliser des optimiseurs d'images gratuits comme Tinypng.com.

Dimensionnement de l'image principale

Le bouton Paramètres avancés de l'image disponible dans le menu déroulant Graphique (lors de la sélection d'un élément graphique existant dans un cours) permet un meilleur contrôle des tailles d'image par périphérique. Vous pouvez définir n'importe quelle taille d'image par périphérique, ce qui signifie que vous pouvez définir une image principale en très haute résolution pour les ordinateurs de bureau, mais une image en résolution inférieure pour les périphériques mobiles. Voici les tailles d'image optimales pour chaque type d'image :

Taille de l'image Hero Desktop : 1920 x 750 pixels

Taille de l'image Hero Tablet : 1024 x 800 pixels

Taille de l'image Hero Mobile : 800 x 800 pixels

Vous pouvez utiliser des outils gratuits de redimensionnement d'image tels que : https://www.adobe.com/express/feature/image/resize.

Comment télécharger des images principales

Image principale de la page d'accueil

• Sélectionnez le cours que vous souhaitez modifier.
• Sélectionnez Couse settings (l'icône d'engrenage).
• Sélectionnez l'onglet Box Menu.
• Téléchargez votre image principale optimisée dans la section Image principale en sélectionnant l'icône + (Sélectionner un élément).
• Sélectionnez le bouton bascule Définir l'image par taille de périphérique pour pouvoir définir différentes tailles d'image pour chaque type de périphérique.

Image de l'élément du menu Box

• Sélectionnez le cours que vous souhaitez modifier.
• Sélectionnez Contenu (l'icône de liste).
• Sélectionnez la page que vous souhaitez modifier.
• Sélectionnez le menu déroulant Général sur le côté droit de la vue de l'éditeur.
• Faites défiler vers le bas jusqu'au menu déroulant d'élément Box Menu.
• Téléchargez votre Image d'élément du menu Box optimisée en sélectionnant l'icône + (Sélectionner un élément).

Image principale de la page

• Sélectionnez le cours que vous souhaitez modifier.
• Sélectionnez Content (l'icône de liste).
• Sélectionnez la page que vous souhaitez modifier.
• Sélectionnez le menu déroulant Général sur le côté droit de la vue de l'éditeur.
• Faites défiler vers le bas jusqu'au menu déroulant Page Hero Image.
• Sélectionnez le bouton bascule Add Hero Image.
• Faites défiler jusqu'à la section Hero Image et sélectionnez l'icône + (Select Asset).
• Sélectionnez le bouton bascule Set Image Per Device Size dans la section Hero Image Advanced Settings.

Créer une vignette 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 le bouton Créer et accédez à Taille personnalisée.
• Ajoutez la taille personnalisée 400x225 et sélectionnez Créer un nouveau fichier.
• Téléchargez votre photo en sélectionnant l'icône photo dans la section de gauche Télécharger une photo.
• Redimensionnez l'image et sélectionnez Télécharger > PNG.
• Renommez l'image en one_thumbnail.png.