{"id":12909,"date":"2025-01-16T14:14:23","date_gmt":"2025-01-16T13:14:23","guid":{"rendered":"https:\/\/help.mapal-os.com\/?p=12909"},"modified":"2026-01-26T12:10:11","modified_gmt":"2026-01-26T11:10:11","slug":"crear-y-optimizar-graficos-para-los-ma3dulos-de-evolve","status":"publish","type":"post","link":"https:\/\/help.mapal-os.com\/es\/flow-learning-es\/aprendizaje-y-desarrollo\/creacion-autonoma\/crear-y-optimizar-graficos-para-los-ma3dulos-de-evolve\/","title":{"rendered":"Crear y optimizar gr\u00e0ficos para los m\u00f3dulos de Evolve"},"content":{"rendered":"<div data-wrapper=\"true\">\n<p>Los cursos de Evolve pueden incluir una imagen de h\u00e9roe (una imagen grande al inicio del Curso que marca el tono y ofrece una vista previa visual del M\u00f3dulo) y gr\u00e1ficos dentro del Curso. Es importante optimizar las im\u00e1genes para asegurarte de que los Cursos se carguen r\u00e1pido, ya que esto es un factor clave para la participaci\u00f3n de los Alumnos.<\/p>\n<p>Puedes usar optimizadores de im\u00e1genes gratuitos como Tinypng.com.<\/p>\n<h1>Tama\u00f1o de la imagen principal<\/h1>\n<p>El<strong> interruptor de configuraci\u00f3n avanzada de imagen<\/strong> que est\u00e1 disponible en el men\u00fa desplegable <strong>Gr\u00e1fico<\/strong> (al seleccionar un \u00edtem gr\u00e1fico existente en un Curso) permite tener m\u00e1s control sobre los tama\u00f1os de imagen por perif\u00e9rico. Puedes asignar cualquier tama\u00f1o de imagen por perif\u00e9rico, lo que significa que puedes asignar una imagen h\u00e9roe de s\u00faper alta resoluci\u00f3n para escritorio, pero una imagen de menor resoluci\u00f3n para perif\u00e9ricos m\u00f3viles. Estos son los tama\u00f1os de imagen \u00f3ptimos para cada tipo de imagen:<\/p>\n<p><strong>Tama\u00f1o de la imagen del h\u00e9roe en escritorio<\/strong>: 1920 x 750 p\u00edxeles<\/p>\n<p><strong>Tama\u00f1o de imagen de la tableta Hero<\/strong>: 1024 x 800 p\u00edxeles<\/p>\n<p><strong>Tama\u00f1o de imagen del h\u00e9roe m\u00f3vil<\/strong>: 800 x 800 p\u00edxeles<\/p>\n<p>Puedes usar herramientas gratuitas para cambiar el tama\u00f1o de im\u00e1genes, como: <a href=\"https:\/\/www.adobe.com\/express\/feature\/image\/resize\">https:\/\/www.adobe.com\/express\/feature\/image\/resize<\/a>.<\/p>\n<h1>C\u00f3mo subir im\u00e1genes destacadas<\/h1>\n<h2>Imagen principal de la p\u00e1gina de inicio<\/h2>\n<ul>\n<li style=\"list-style-position: inside\">Selecciona el Curso que quieres editar.<\/li>\n<li style=\"list-style-position: inside\">Selecciona <strong>Configuraci\u00f3n de curso<\/strong> (el icono de engranaje).<\/li>\n<li style=\"list-style-position: inside\">Selecciona la pesta\u00f1a <strong>Box Menu<\/strong>.<\/li>\n<li style=\"list-style-position: inside\">Sube tu imagen destacada optimizada en la secci\u00f3n Hero Image seleccionando el icono <strong>+<\/strong> (<strong>Select Asset<\/strong>).<\/li>\n<li style=\"list-style-position: inside\">Selecciona el bot\u00f3n de alternancia <strong>Set Image Per Device Size<\/strong> para poder establecer diferentes tama\u00f1os de imagen para cada tipo de perif\u00e9rico.<\/li>\n<\/ul>\n<h2>Imagen de \u00edtem del men\u00fa de caja<\/h2>\n<ul>\n<li style=\"list-style-position: inside\">Selecciona el curso que deseas editar.<\/li>\n<li style=\"list-style-position: inside\">Selecciona <strong>Contenido <\/strong>(el icono de lista).<\/li>\n<li style=\"list-style-position: inside\">Selecciona la p\u00e1gina que deseas editar.<\/li>\n<li style=\"list-style-position: inside\">Selecciona el men\u00fa desplegable <strong>General<\/strong> en el lado derecho de la vista del editor.<\/li>\n<li style=\"list-style-position: inside\">Despl\u00e1zate hacia abajo hasta el men\u00fa desplegable de \u00cdtem de <strong>Box Menu<\/strong>.<\/li>\n<li style=\"list-style-position: inside\">Sube la imagen optimizada de tu <strong>\u00cdtem del men\u00fa Box<\/strong> <strong>Image <\/strong>seleccionando el icono<strong> +<\/strong> (<strong>Select Asset<\/strong>).<\/li>\n<\/ul>\n<h2>Imagen principal de la p\u00e1gina<\/h2>\n<ul>\n<li style=\"list-style-position: inside\">Selecciona el Curso que deseas editar.<\/li>\n<li style=\"list-style-position: inside\">Selecciona <strong>Contenido<\/strong> (el icono de lista).<\/li>\n<li style=\"list-style-position: inside\">Selecciona la p\u00e1gina que deseas editar.<\/li>\n<li style=\"list-style-position: inside\">Selecciona el men\u00fa desplegable <strong>General<\/strong> en el lado derecho de la vista del editor.<\/li>\n<li style=\"list-style-position: inside\">Despl\u00e1zate hacia abajo hasta el men\u00fa desplegable <strong>Page Hero Image<\/strong>.<\/li>\n<li style=\"list-style-position: inside\">Selecciona el bot\u00f3n de alternancia <strong>Add Hero Image<\/strong>.<\/li>\n<li style=\"list-style-position: inside\">Despl\u00e1zate hacia abajo hasta la secci\u00f3n de <strong>Hero Image<\/strong> y selecciona el icono + (<strong>Seleccionar recurso<\/strong>).<\/li>\n<li style=\"list-style-position: inside\">Selecciona el bot\u00f3n de alternancia <strong>Set Image Per Device Size<\/strong> en la secci\u00f3n <strong>Hero Image Advanced Settings<\/strong>.<\/li>\n<\/ul>\n<h2>Crear una imagen en miniatura para Mapal One<\/h2>\n<p>Para crear una imagen en miniatura para tu curso en Mapal One, te recomendamos usar 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\">Selecciona el <strong>bot\u00f3n Crear<\/strong> y navega a <strong>Tama\u00f1o personalizado.<\/strong><\/li>\n<li style=\"list-style-position: inside\">A\u00f1ade el tama\u00f1o personalizado 400x225 y selecciona <strong>Create new file.<\/strong><\/li>\n<li style=\"list-style-position: inside\">Sube tu foto seleccionando el icono de foto en el Panel de la izquierda <strong>&gt; Subir foto.<\/strong><\/li>\n<li style=\"list-style-position: inside\">Cambia el tama\u00f1o de la imagen y selecciona <strong>Download &gt; PNG.<\/strong><\/li>\n<li style=\"list-style-position: inside\">Cambia el nombre de la imagen a <strong>one_thumbnail.png.<\/strong><\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>cuando a\u00f1ades gr\u00e1ficos a los M\u00f3dulos de Evolve, es buena idea optimizar el contenido para que el Curso se cargue y funcione sin problemas, y as\u00ed garantizar una experiencia de formaci\u00f3n \u00f3ptima.<br \/><strong>Empieza desde la vista de Editor en un m\u00f3dulo de 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":[132707],"tags":[],"class_list":["post-12909","post","type-post","status-publish","format-standard","hentry","category-creacion-autonoma"],"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\/es\/wp-json\/wp\/v2\/posts\/12909","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.mapal-os.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.mapal-os.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.mapal-os.com\/es\/wp-json\/wp\/v2\/users\/251210541"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mapal-os.com\/es\/wp-json\/wp\/v2\/comments?post=12909"}],"version-history":[{"count":0,"href":"https:\/\/help.mapal-os.com\/es\/wp-json\/wp\/v2\/posts\/12909\/revisions"}],"wp:attachment":[{"href":"https:\/\/help.mapal-os.com\/es\/wp-json\/wp\/v2\/media?parent=12909"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.mapal-os.com\/es\/wp-json\/wp\/v2\/categories?post=12909"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.mapal-os.com\/es\/wp-json\/wp\/v2\/tags?post=12909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}