Você deve ter notado que nos cartões na página Meus cursos cada curso aparece com uma imagem padrão. Essa imagem, se não for modificada, é escolhida aleatoriamente pelo sistema. Como professor, você tem a possibilidade de modificar essa imagem, adicionando um banner aos seus cursos, que também será usado nesses cartões da página Meus cursos.

Adicionando a imagem ao curso

É possível adicionar o banner de diferentes pontos:

• No cartão, clicando no ícone de três pontos que aparece ao passar o mouse por cima
• No curso, clicando no lápis na área onde ficará o banner
• No menu Detalhes e ações, clicando em Imagem do curso >Editar a configuração de exibição.

Uma vez que o painel de configuração abrir, você pode carregar a imagem clicando no ícone de imagem e selecionando-a do seu dispositivo.

Se preferir escolher a imagem de um banco, selecione Unsplash como fonte da imagem e digite alguma palavra-chave para buscar.

Clique em Próximo. Mova o visualizador para selecionar a parte da imagem que será visível no banner e salve para terminar. Você verá que a parte da imagem que escolheu aparece na área do banner assim como no cartão.

Se quiser mudar a imagem mais tarde, ou removê-la, acesse novamente e clique no ícone da lixeira.

Qual deve ser o tamanho da imagem do curso?

É importante pensar no tamanho considerando como suas dimensões mudam em diferentes resoluções de tela. Blackboard recorta as imagens que carregamos em vez de estreitá-las, então a proporção é mantida, mas nem toda a imagem será visível em todas as resoluções e formatos.

Siga estas recomendações para conseguir banners que funcionem em todas elas:

• 1200 x 240 px é o mínimo para uma imagem de banner / cartão.
• O peso máximo é 10,24 MB
• A proporção ideal é 5:1
• Se quiser que determinado conteúdo esteja sempre visível nas imagens, onde quer que estejam e em qualquer resolução, coloque-o dentro de um quadrado de 550x150px no centro da imagem do banner. Tudo que ficar fora desse quadrado pode não ser visível em algumas resoluções.
• Uma imagem abstrata funciona melhor devido à quantidade de variações no recorte de banners e cartões.

Alguma dica para escolher essas imagens?

Em muitos casos colocamos texto nas nossas imagens (o título do curso, por exemplo) ou buscamos imagens muito específicas e queremos que aquela parte apareça e não outra. Quando visualizamos essas imagens o resultado pode não ser o esperado.

Isso acontece porque a imagem está preparada para poder ser vista em qualquer dispositivo. O sistema vai ajustando e readaptando conforme a tela em que é visualizada. Assim, se tivermos texto, pode ser que não apareça completo, e se quisermos que apareça uma parte específica, aparece outra. São comportamentos que não podemos controlar. Imagine uma imagem com texto, vista na tela de um smartphone.

Nossas dicas são:

• Utilizar imagens neutras e com elementos globais

• Não usar textos nas imagens. Se usar, coloque o mesmo texto como texto alternativo ao carregar a imagem.

• Uma vez carregada, selecione a área de recorte que mais se ajusta ao que você busca.