Como configurar uma imagem de banner específica para mobile
Para garantir a melhor experiência visual para seus alunos, o Mobiliza LMS permite que você configure imagens de banner diferentes para a visualização em desktops e em dispositivos móveis. Como as telas de desktop são horizontais e as de celular são verticais, esta funcionalidade evita que seus banners fiquem cortados ou desproporcionais, garantindo uma aparência profissional em qualquer dispositivo.
Como configurar os banners de desktop e mobile
A configuração é feita na edição dos banners de uma Academia.
- No painel administrativo, acesse o menu Academias.
- Localize a academia desejada e clique para Editar.
- Vá para a aba “Banners” e clique para “Adicionar Banner” ou Edite um já existe.
- Na tela de edição, você verá duas áreas de upload:
- Imagem para Computadores: Clique para selecionar a imagem horizontal, que será exibida em telas de desktop.
- Imagem para Celulares e outros dispositivos móveis: Clique para selecionar a imagem vertical, otimizada para a visualização em mobile.
- Após selecionar ambas as imagens, clique em “Salvar”.
Boas práticas e dicas
É fundamental entender que, se você não enviar uma imagem específica para celulares, a plataforma irá utilizar a imagem de desktop em todos os dispositivos. Isso geralmente resulta em cortes automáticos que podem prejudicar a visualização da sua arte no celular.
Ao criar suas artes, mantenha a mesma identidade visual nos dois banners (desktop e mobile), mas adapte a composição dos elementos para cada formato. No banner mobile (vertical), posicione as informações mais importantes no centro, uma sobre a outra, para garantir a melhor legibilidade.
Dúvidas Frequentes (FAQ)
- Quais as dimensões recomendadas para os banners? Para o banner de desktop, a dimensão recomendada é de até 1184 × 280 píxeis. Para o banner de mobile, recomendamos uma imagem vertical de até 1056 × 840 píxeis.
- Onde este banner de academia é exibido para o aluno? Ele é exibido no topo da página principal da academia, sendo o primeiro impacto visual que o aluno tem ao acessar aquele ambiente de aprendizagem.
- Esta funcionalidade também existe para as capas dos cursos? A funcionalidade de ter imagens separadas para desktop e mobile é específica para os banners da Academia. As capas de cursos e trilhas utilizam uma única imagem que se adapta responsivamente.
Se encontrar qualquer dificuldade, entre em contato com nosso time de suporte através do chat ou pelo e-mail meajuda@mobiliza.com.br.