Si has accedido al listado de cursos y tienes la vista de tarjetas activada, verás que cada curso tiene una imagen asignada. En principio esta imagen es aleatoria, pero podemos cambiarla por otra fácilmente.

Además, si accedes a un curso, puedes colocar esa misma imagen como un banner de curso. 

¿Dónde se activa/configura el banner?

En el menú de la izquierda, pulsa Imagen del curso, para abrir el panel donde cargar una imagen y activarla para que se vea como banner en el curso, o bien, dejar que sólo aparezca en la tarjeta (antes de entrar en el curso).

¿Qué tamaño debe tener la imagen del curso?

Para que la imagen se vea bien y tenga suficiente resolución para escalar a cualquier dispositivo, la imagen debe tener al menos 1200 x 240 píxeles. Aquí tienes más información sobre el tamaño adecuado y consejos sobre imágenes.

Si te da error al subir la imagen, puede ser por varias razones: 

1. Que no tenga el tamaño mínimo.
2. Que sea una extensión no soportada. Los formatos más usuales son jpeg, jpg, gif, o png. 

Si queremos elegir la imagen desde un banco de imágenes, Learn ofrece la posibilidad de buscar la imagen en la web de Unsplash. Para ello, al seleccionar la fuente de la imagen, selecciona Imágenes de Unplash y busca por palabra clave clicando Buscar.

Selecciona la imagen de las presentadas.

Detalle búsqueda de imágenes con el banco de imágenes Unsplash

¿Qué me aconsejas para este banner?

En muchos casos ponemos texto a nuestras imágenes (el título del curso, por ejemplo) o,  buscamos imágenes muy concretas y queremos que se vea esa parte y no otra. Cuando visualizamos estas imágenes el resultado puede no ser el esperado. 

Esto ocurre porque la imagen está preparada para poder ser vista en cualquier dispositivo. El sistema la va ajustado y re-adaptando según la pantalla en la que se visualiza. Así, si tenemos texto, puede que no se vea completo, y si queremos que se vea una parte concreta, se ve otra.  Son comportamientos que no podemos controlar. Imaginemos una imagen con texto, vista desde la pantalla de un smartphone. 

Nuestros consejos son:

• Utilizar imágenes neutras y con elementos globales
• No utilizar textos en las imágenes. 
• Una vez cargada, seleccionar la zona de recorte que más se ajuste a lo que queremos.