Vistas:

Resumen: al añadir gráficos a los módulos de Evolve, conviene optimizar el contenido para que los cursos se carguen y funcionen correctamente, a fin de garantizar una experiencia de aprendizaje óptima.

Empieza desde: la vista de Editor en un módulo de Evolve.

Los cursos de Evolve pueden incluir una imagen héroe (una imagen grande al principio del curso que ilustra la temática y ofrece una vista previa visual del módulo) y gráficos dentro del curso. Es importante optimizar las imágenes para garantizar que los cursos se cargan rápidamente, ya que es un factor clave para asegurar un buen compromiso del alumno.
Puedes utilizar optimizadores de imágenes gratuitos como Tinypng.com.

Tamaño de la imagen héroe

La opción Configuración avanzada de imágenes (Image Advanced Settings) que está disponible en el menú desplegable Gráfico (Graphic) (al seleccionar un elemento gráfico existente en un curso) permite un mayor control sobre los tamaños de imagen por dispositivo. Puedes establecer cualquier tamaño de imagen por dispositivo, lo que significa que puedes establecer una imagen héroe de superalta resolución para dispositivos de escritorio, pero una imagen de menor resolución para dispositivos móviles. A continuación se indican los tamaños de imagen óptimos para cada tipo de imagen:

Imagen héroe para escritorio: 1920 x 750 píxeles

Imagen héroe para tabletas: 1024 x 800 píxeles

Imagen héroe para móviles: 800 x 800 píxeles

Puedes utilizar herramientas gratuitas para cambiar el tamaño de las imágenes como: https://www.adobe.com/express/feature/image/resize.

Cómo cargar imágenes héroe

Imagen héroe de página principal

  • Selecciona el curso que deseas editar.
  • Selecciona Configuración del curso (Course Settings; el icono de la rueda dentada) en la barra de herramientas vertical a la izquierda.
  • Selecciona la pestaña Menú de caja (Box menu).
  • Carga la imagen héroe optimizada en la sección Imagen héroe seleccionando el icono + Seleccionar activo (Select Asset).
  • Selecciona el botón Establecer imagen por tamaño de dispositivo (Set Image Per Device Size) para poder establecer diferentes tamaños de imagen para cada tipo de dispositivo.

Imagen del elemento del menú del cuadro (Box Menu Item Image)

  • Selecciona el curso que deseas editar.
  • Selecciona Contenido (Content; el icono de la lista) en la barra de herramientas vertical a la izquierda.
  • Selecciona la página que deseas editar.
  • Selecciona el menú desplegable General en la parte derecha de la vista del editor.
  • Desplázate hacia abajo hasta el menú desplegable Elemento del menú Cuadro (Box Menu).
  • Carga la imagen optimizada de elemento de menú de caja seleccionando el icono + Seleccionar activo (Select Asset).

Imagen héroe de página principal

  • Selecciona el curso que deseas editar.
  • Selecciona Contenido (Content; el icono de la lista) en la barra de herramientas vertical a la izquierda.
  • Selecciona la página que deseas editar.
  • Selecciona el menú desplegable General en la parte derecha de la vista del editor.
  • Desplázate hasta el menú desplegable Imagen héroe de la página.
  • Selecciona el botón Agregar imagen de héroe.
  • Desplázate hasta la sección Imagen de héroe y selecciona el icono + Seleccionar activo (Select Asset).
  • Selecciona el botón Establecer imagen por tamaño de dispositivo (Set Image Per Device Size) en la  sección Configuración avanzada de la imagen del héroe (Hero Image Advanced Settings).

Crear una miniatura para Mapal One

Para crear una miniatura de un curso en Mapal One, recomendamos utilizar Adobe Express: https://new.express.adobe.com/sp/.

  • Selecciona el botón Empezar (el icono de la cruz) y selecciona Tamaño personalizado.
  • Introduce el tamaño personalizado 400 x225 y selecciona Crear un archivo nuevo.
  • Carga la foto seleccionando el icono de la foto en el panel izquierdo > Cargar foto.
  • Redimensiona la imagen y selecciona Descargar > PNG.
  • Cambia el nombre de la imagen a one_thumbnail.png.