{"id":11859,"date":"2025-01-16T14:14:23","date_gmt":"2025-01-16T13:14:23","guid":{"rendered":"https:\/\/help.mapal-os.com\/?p=11859"},"modified":"2026-01-26T11:57:04","modified_gmt":"2026-01-26T10:57:04","slug":"craer-et-optimiser-les-graphiques-pour-les-modules-evolve","status":"publish","type":"post","link":"https:\/\/help.mapal-os.com\/fr\/flow-learning-fr\/apprentissage-et-developpement\/creation-autonome\/craer-et-optimiser-les-graphiques-pour-les-modules-evolve\/","title":{"rendered":"Cr\u00e9er et optimiser les graphiques pour les modules Evolve"},"content":{"rendered":"<div data-wrapper=\"true\">\n<p>Les cours Evolve peuvent comporter une image principale (une grande image au d\u00e9but du cours qui donne le ton et offre un aper\u00e7u 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\u00e9 de l'engagement des apprenants.<\/p>\n<p>Vous pouvez utiliser des optimiseurs d'images gratuits comme Tinypng.com.<\/p>\n<h1>Dimensionnement de l'image principale<\/h1>\n<p>Le bouton<strong> Param\u00e8tres avanc\u00e9s de l'image<\/strong> disponible dans le menu d\u00e9roulant <strong>Graphique<\/strong> (lors de la s\u00e9lection d'un \u00e9l\u00e9ment graphique existant dans un cours) permet un meilleur contr\u00f4le des tailles d'image par p\u00e9riph\u00e9rique. Vous pouvez d\u00e9finir n'importe quelle taille d'image par p\u00e9riph\u00e9rique, ce qui signifie que vous pouvez d\u00e9finir une image principale en tr\u00e8s haute r\u00e9solution pour les ordinateurs de bureau, mais une image en r\u00e9solution inf\u00e9rieure pour les p\u00e9riph\u00e9riques mobiles. Voici les tailles d'image optimales pour chaque type d'image :<\/p>\n<p><strong>Taille de l'image Hero Desktop<\/strong> : 1920 x 750 pixels<\/p>\n<p><strong>Taille de l'image Hero Tablet<\/strong> : 1024 x 800 pixels<\/p>\n<p><strong>Taille de l'image Hero Mobile<\/strong> : 800 x 800 pixels<\/p>\n<p>Vous pouvez utiliser des outils gratuits de redimensionnement d'image tels que : <a href=\"https:\/\/www.adobe.com\/express\/feature\/image\/resize\">https:\/\/www.adobe.com\/express\/feature\/image\/resize<\/a>.<\/p>\n<h1>Comment t\u00e9l\u00e9charger des images principales<\/h1>\n<h2>Image principale de la page d'accueil<\/h2>\n<ul>\n<li style=\"list-style-position: inside\">S\u00e9lectionnez le cours que vous souhaitez modifier.<\/li>\n<li style=\"list-style-position: inside\">S\u00e9lectionnez <strong>Couse settings<\/strong> (l'ic\u00f4ne d'engrenage).<\/li>\n<li style=\"list-style-position: inside\">S\u00e9lectionnez l'onglet <strong>Box Menu<\/strong>.<\/li>\n<li style=\"list-style-position: inside\">T\u00e9l\u00e9chargez votre image principale optimis\u00e9e dans la section Image principale en s\u00e9lectionnant l'ic\u00f4ne <strong>+<\/strong> (<strong>S\u00e9lectionner un \u00e9l\u00e9ment<\/strong>).<\/li>\n<li style=\"list-style-position: inside\">S\u00e9lectionnez le bouton bascule <strong>D\u00e9finir l'image par taille de p\u00e9riph\u00e9rique<\/strong> pour pouvoir d\u00e9finir diff\u00e9rentes tailles d'image pour chaque type de p\u00e9riph\u00e9rique.<\/li>\n<\/ul>\n<h2>Image de l'\u00e9l\u00e9ment du menu Box<\/h2>\n<ul>\n<li style=\"list-style-position: inside\">S\u00e9lectionnez le cours que vous souhaitez modifier.<\/li>\n<li style=\"list-style-position: inside\">S\u00e9lectionnez <strong>Contenu <\/strong>(l'ic\u00f4ne de liste).<\/li>\n<li style=\"list-style-position: inside\">S\u00e9lectionnez la page que vous souhaitez modifier.<\/li>\n<li style=\"list-style-position: inside\">S\u00e9lectionnez le menu d\u00e9roulant <strong>G\u00e9n\u00e9ral<\/strong> sur le c\u00f4t\u00e9 droit de la vue de l'\u00e9diteur.<\/li>\n<li style=\"list-style-position: inside\">Faites d\u00e9filer vers le bas jusqu'au menu d\u00e9roulant d'\u00e9l\u00e9ment <strong>Box Menu<\/strong>.<\/li>\n<li style=\"list-style-position: inside\">T\u00e9l\u00e9chargez votre <strong>Image d'\u00e9l\u00e9ment du menu Box<\/strong> <strong>optimis\u00e9e <\/strong>en s\u00e9lectionnant l'ic\u00f4ne<strong> +<\/strong> (<strong>S\u00e9lectionner un \u00e9l\u00e9ment<\/strong>).<\/li>\n<\/ul>\n<h2>Image principale de la page<\/h2>\n<ul>\n<li style=\"list-style-position: inside\">S\u00e9lectionnez le cours que vous souhaitez modifier.<\/li>\n<li style=\"list-style-position: inside\">S\u00e9lectionnez <strong>Content<\/strong> (l'ic\u00f4ne de liste).<\/li>\n<li style=\"list-style-position: inside\">S\u00e9lectionnez la page que vous souhaitez modifier.<\/li>\n<li style=\"list-style-position: inside\">S\u00e9lectionnez le menu d\u00e9roulant <strong>G\u00e9n\u00e9ral<\/strong> sur le c\u00f4t\u00e9 droit de la vue de l'\u00e9diteur.<\/li>\n<li style=\"list-style-position: inside\">Faites d\u00e9filer vers le bas jusqu'au menu d\u00e9roulant <strong>Page Hero Image<\/strong>.<\/li>\n<li style=\"list-style-position: inside\">S\u00e9lectionnez le bouton bascule <strong>Add Hero Image<\/strong>.<\/li>\n<li style=\"list-style-position: inside\">Faites d\u00e9filer jusqu'\u00e0 la section <strong>Hero Image<\/strong> et s\u00e9lectionnez l'ic\u00f4ne + (<strong>Select Asset<\/strong>).<\/li>\n<li style=\"list-style-position: inside\">S\u00e9lectionnez le bouton bascule <strong>Set Image Per Device Size<\/strong> dans la section <strong>Hero Image Advanced Settings<\/strong>.<\/li>\n<\/ul>\n<h2>Cr\u00e9er une vignette pour Mapal One<\/h2>\n<p>Pour cr\u00e9er une vignette pour votre cours sur Mapal One, nous vous recommandons d'utiliser Adobe Express : <a href=\"https:\/\/new.express.adobe.com\/sp\/.\">https:\/\/new.express.adobe.com\/sp\/.<\/a><\/p>\n<ul>\n<li style=\"list-style-position: inside\">S\u00e9lectionnez le <strong>bouton Cr\u00e9er<\/strong> et acc\u00e9dez \u00e0 <strong>Taille personnalis\u00e9e.<\/strong><\/li>\n<li style=\"list-style-position: inside\">Ajoutez la taille personnalis\u00e9e 400x225 et s\u00e9lectionnez <strong>Cr\u00e9er un nouveau fichier.<\/strong><\/li>\n<li style=\"list-style-position: inside\">T\u00e9l\u00e9chargez votre photo en s\u00e9lectionnant l'ic\u00f4ne photo dans la section de gauche <strong> T\u00e9l\u00e9charger une photo.<\/strong><\/li>\n<li style=\"list-style-position: inside\">Redimensionnez l'image et s\u00e9lectionnez <strong>T\u00e9l\u00e9charger &gt; PNG.<\/strong><\/li>\n<li style=\"list-style-position: inside\">Renommez l'image en <strong>one_thumbnail.png.<\/strong><\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Lors de l'ajout de graphiques aux modules Evolve, il est recommand\u00e9 d'optimiser le contenu afin que les cours se chargent et s'ex\u00e9cutent correctement, pour garantir une exp\u00e9rience de formation optimale.<br \/><strong>Point de d\u00e9part : la vue \u00c9diteur d'un module Evolve.<\/p>\n","protected":false},"author":251210541,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[132194],"tags":[],"class_list":["post-11859","post","type-post","status-publish","format-standard","hentry","category-creation-autonome"],"acf":{"article_type":"default","post_id":"","post_url_text":"","post_url":"","info_box":{"title":"","info":""},"post_video":null,"import_category":"","overview_item":null,"troubleshoot_case":null},"_links":{"self":[{"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/posts\/11859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/users\/251210541"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/comments?post=11859"}],"version-history":[{"count":0,"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/posts\/11859\/revisions"}],"wp:attachment":[{"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/media?parent=11859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/categories?post=11859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.mapal-os.com\/fr\/wp-json\/wp\/v2\/tags?post=11859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}