Resumo
Use seus próprios logotipo e marca no portal da LearnUpon. Cada imagem tem tamanho e proporção recomendados.
Os recursos de imagem estão disponíveis para todos os clientes.
A loja virtual usa o mesmo tamanho e resolução de imagens, mas você define a marca da sua loja separadamente do seu portal. Veja E-commerce: incluir sua marca com cor, logotipos, imagens e vídeo.
Noções básicas sobre imagens
Para obter melhores resultados, a LearnUpon recomenda:
- usar arquivos PNG ou JPEG. O formato PNG serve para logotipos, imagens e gráficos. O formato JPEG destina-se ao compartilhamento de fotos online.
- usar imagens de alta resolução para evitar a pixelização ou o desfoque em telas de retina
- para logotipos, escolha imagens com planos de fundo transparentes
Quando você envia imagens, a LearnUpon abre a ferramenta de redimensionamento. Você pode cortar e redimensionar as imagens para ajustá-las às dimensões necessárias e adicionar texto alternativo para garantir o atendimento aos padrões de acessibilidade. Consulte Imagens: cortar imagens e fornecer texto alternativo.
Dica: consulte a Declaração de acessibilidade na Web da LearnUpon: padrões WCAG 2.0 e 508
Logotipos: de cabeçalho, quadrado e de aplicativo móvel
A LearnUpon permite que você defina a aparência do seu portal com ferramentas de identidade visual.
A captura de tela a seguir mostra as três opções de logotipo. Este exemplo de portal exibe os logotipos em relação à cor do cabeçalho, escolhidos na mesma página. Consulte Coloque a sua marca no portal.
Logotipo do cabeçalho
Para cabeçalhos, a LearnUpon recomenda imagens com pelo menos 322 px de largura e 72 px de altura.
O logotipo do cabeçalho aparece na barra de navegação em todas as páginas do portal e é uma ferramenta de navegação para retornar ao painel.
Os logotipos no estilo paisagem produzem melhores resultados. Use uma imagem com plano de fundo transparente, sem preenchimento ou espaçamento.
O aplicativo dimensiona a imagem automaticamente para fornecer a melhor qualidade da imagem e do logotipo em todos os dispositivos.
Logotipo quadrado
O logotipo quadrado aparece em seu portal:
- em telas menores
- como o favicon da guia do navegador
- no rodapé do portal, se você tiver um portal personalizável
Para o logotipo quadrado, envie uma imagem com pelo menos 72 px quadrados.
Logotipo do aplicativo móvel
Esse logotipo aparece nos aplicativos iOS e Android.
Para essa imagem, a LearnUpon redimensiona o logotipo para 40 x 40 px e para 80 x 80 px para diferentes tipos de tela.
Tela de login
Você pode adicionar texto, uma imagem ou um vídeo à tela de login. O tamanho recomendado da imagem é de 730 px x 600 px, embora o espaço seja flexível.
Consulte Personalização da página de login.
Dica: Pré-visualize a imagem final na tela de login antes de publicá-la externamente.
Imagens do perfil do usuário
A imagem do perfil é opcional, com base nas configurações do portal. Consulte Configuração do portal: configurações gerais dos usuários.
Em perfis de usuário, você pode usar uma imagem de alta resolução com qualquer forma. A ferramenta de corte apresenta um círculo para redimensionamento. A LearnUpon recomenda começar com uma imagem quadrada.
A captura de tela a seguir mostra a ferramenta de corte de imagem, definida para um perfil de usuário.
Imagens do curso
As imagens do curso são exibidas:
- no painel do aluno para qualquer curso no qual ele esteja inscrito
- no catálogo do curso
- em sua loja virtual
A LearnUpon recomenda enviar pelo menos uma imagem por curso ou plano de aprendizado para servir como imagem em miniatura.
Para imagens do curso e do plano de aprendizado:
- a proporção é de 16:9
- o tamanho mínimo recomendado é 800 px x 450 px
Você pode usar a ferramenta de corte da LearnUpon para redimensionar imagens maiores.
Consulte Adicionar imagens de cursos ou planos de aprendizado.
A captura de tela a seguir mostra duas imagens carregadas em um curso, sendo uma delas definida como imagem em miniatura.
Banners multimídia
Os banners multimídia associam imagens, textos e vídeos do Vimeo ou do YouTube, com um botão de chamada à ação, em uma cor de fundo de sua escolha. Esses banners aparecem no painel do aluno.
A imagem aparece em um lado do texto.
Essas imagens de banner têm 1294 px x 640 px.
Consulte Configurar banners de painéis e de catálogo para obter instruções completas.
As capturas de tela a seguir mostram um banner multimídia quando você o configura nas configurações do portal.
Banners de imagem
Os banners de imagem incluem imagens estáticas, além de suas próprias mensagens. Você pode fornecer links para conteúdos como um novo curso ou um anúncio. Esses banners aparecem no painel do aluno.
O banner de imagem deve ter dimensões de 1540 px x 320 px e até 300 KB de tamanho.
A captura de tela a seguir mostra um banner de imagem da página de configurações do portal.
Fóruns
Os tópicos do fórum incluem imagens em miniatura de até 96 x 96 px. Você pode escolher entre imagens genéricas ou enviar suas próprias imagens. Consulte Ativar fóruns em seu portal e adicionar tópicos.
As postagens no fórum podem incluir imagens de capa de até 696 px x 354 px. Consulte Fóruns: visualização do aluno.
Emblemas de gamificação
A LearnUpon oferece emblemas padrão para gamificação, ou você pode adicionar os seus.
Os tamanhos de imagem dos emblemas são de até 360 x 360 px. Consulte Criar, atribuir e editar emblemas de gamificação para obter instruções e um arquivo para download de emblemas padrão.
A captura de tela a seguir mostra alguns emblemas de nível padrão com nomes de nível personalizados.
E-commerce: Imagem principal
Imagens principais funcionam como uma imagem de fundo da seção superior da página da loja.
O tamanho ideal de uma imagem principal é de 1.400 px x 520 px e menos de 200 KB. A LearnUpon centraliza as imagens para todos os tamanhos de tela.
Imagens com menos de 1.400 px de largura perdem a qualidade em telas mais amplas. Você pode usar uma imagem com largura maior para melhorar a qualidade.
E-mail: banners para modelos de e-mail personalizados
As imagens de banner associadas a modelos de e-mail personalizados devem ter, de preferência, 600 px de largura e até 200 px de altura. O tamanho máximo deve ser 500 KB, ou 0,5 MB.
Consulte: Gerenciar imagens de banner para notificações por e-mail.
E-mail: imagens armazenadas como recursos para modelos
Adicione logotipos ou outras imagens como um recurso e, em seguida, incorpore-os em modelos de e-mail.
Os tamanhos de imagem são flexíveis e você pode defini-los no e-mail usando HTML.
Consulte: Adicionar imagens a modelos de e-mail personalizados.
Imagens de certificado
Você pode conceder certificados aos alunos depois que eles concluírem os cursos. Os campos do perfil de usuário dos alunos e os dados personalizados do usuário fornecem conteúdo de texto.
O tamanho das imagens do certificado é de 3.462 px x 2.401 px. Use imagens de alta resolução de pelo menos 300 dpi.
Consulte o exemplo de certificado anexado a este artigo.
Consulte: