Habrás notado que en los tarjetones en la página Mis cursos cada curso aparece con una imagen por defecto. Esta imagen, si no se ha modificado, es aleatoriamente elegida por el sistema. Como profesor, tienes la posibilidad de modificar esta imagen, añadiendo un banner a tus cursos, que también se usanrá en estos tarjetones de la página Mis cursos.

Añadiendo la imagen al curso

Es posible añadir el banner desde distintos puntos:

• En el tarjetón, pulsando el icono de tres puntos que aparece al pasar el ratón por encima
• En el curso, clicando el lápiz en el área donde irá el banner
• En el menú Detalles y acciones, clicando Imagen del curso >Editar la configuración de visualización.

Una vez se abra el panel de configuración, puedes cargar la imagen clicando en el icono de imagen y seleccionando desde tu dispositivo. 

Si prefieres elegir la imagen de un banco, selecciona Unsplash como fuente de la imagen y escribe alguna palabra clave para buscar.

Pulsa Siguiente. Mueve el visor para seleccionar la parte de la imagen que será visible en el banner y guarda para terminar. Verás que la parte de la imagen que has elegido se ve en el área de banner así como en el tarjetón.

Si quieres cambiar la imagen más adelante, o eliminarla, vuelve a acceder y clica el icono de la papelera.

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

Es importante pensar en el tamaño en cómo cambian sus dimensiones a distintas resoluciones de pantalla. Blackboard recorta las imágenes que carguemos en vez de estrecharlas, asi que el ratio se mantiene, pero no toda la imagen será visible en todas las resoluciones y formas.

Sigue estas recomendaciones para conseguir banners que funcionen en todas ellas:

• 1200 x 240 px es el mínimo para una imagen de banner / tarjetón. 
• El peso máximo es 10.24 MB
• El ratio ideal es 5:1
• Si quieres que cierto contenido siempre esté visible en las imágenes, allá donde estén y a cualquier resolución, colócalo dentro de un cuadrado de 550x150px en el centro de la imagen de banner. Todo lo que quede fuera de ese cuadrado puede que no sea visible en algunas resoluciones.
• Una imagen abstracta funciona mejor debido a la cantidad de variaciones en el recorte de banners y tarjetones.

¿Algún consejo para elegir estas imágenes?

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. Si lo usas, coloca el mismo texto como texto alternativo al cargar la imagen.

• Una vez cargada, seleccionar la zona de recorte que más se ajuste a lo que buscas.