Checklist de Imagens
Todas as imagens que a sua plataforma usa, onde enviar cada uma, o tamanho recomendado e o formato.
Nesta página
Antes de lançar, separe as imagens da sua marca e dos seus conteúdos. Esta lista reúne tudo o que o painel do A\SALA Hub pede, com os mesmos tamanhos indicados ao lado de cada campo de envio.
Respeitar o tamanho e o peso recomendados deixa a plataforma mais rápida, principalmente no celular. Comprima as imagens antes de enviar.
Identidade da plataforma
| Imagem | Onde enviar | Tamanho recomendado | Formato |
|---|---|---|---|
| Logo da área do aluno | Configurações › Área do aluno, seção Aparência, campo Logo | Versão horizontal, sem margens transparentes. Exibida com 35 px de altura | PNG, até 600 KB |
| Favicon (ícone da aba do navegador) | Configurações › Área do aluno, campo Ícone de Favorito (Favicon) | 150 x 150 px | PNG, até 100 KB |
| Logo das telas de acesso | Configurações › Telas de acesso, seção Logo, campo Imagem | Altura ajustável no próprio campo Altura (padrão 45 px) | JPG ou PNG, até 200 KB |
| Imagem do painel visual do login | Configurações › Telas de acesso, seção Painel visual | 1280 x 1024 px | JPG, até 850 KB |
| Logo do painel administrativo | Configurações › Painel administrativo, campo Logo do painel | 350 x 100 px, horizontal, exibida com 35 px de altura | PNG, até 600 KB |
| Ícone do menu recolhido do painel | Configurações › Painel administrativo, campo Ícone do menu recolhido | 64 x 64 px (quadrado) | PNG, até 300 KB |
| Imagem de compartilhamento | Configurações › Compartilhamento, campo Imagem | 1200 x 630 px | JPG ou PNG, até 600 KB |
| Ícone do aplicativo | Configurações › Aplicativo, campo Ícone | 1024 x 1024 px (quadrado), com fundo e respiro de 300 px por lado | PNG, até 350 KB |
Sem um ícone próprio no menu recolhido do painel, a plataforma usa o favicon. O aplicativo só fica disponível para instalação depois que o nome e o ícone forem definidos.
Banners da página inicial
Os banners ficam em Conteúdo › Banners (/dashboard/content/banners). O tamanho depende do Formato escolhido no banner.
| Imagem | Onde enviar | Tamanho recomendado | Formato |
|---|---|---|---|
| Banner completo: imagem para desktop | Conteúdo › Banners, seção Imagens de fundo | 1920 x 1080 px (16:9) | JPG, até 800 KB |
| Banner completo: imagem para celular | Conteúdo › Banners, seção Imagens de fundo | 600 x 1050 px (4:7) | JPG, até 800 KB |
| Banner completo: logo | Conteúdo › Banners, seção Conteúdo do banner | Prefira um logo horizontal | PNG, até 300 KB |
| Imagem simples: imagem para desktop | Conteúdo › Banners, seção Imagens de fundo | 1920 x 1080 px (16:9) | JPG, até 1 MB |
| Imagem simples: imagem para celular | Conteúdo › Banners, seção Imagens de fundo | 600 x 1050 px (4:7) | JPG, até 1 MB |
O formato HTML personalizado não usa imagens de fundo.
Produtos, módulos e aulas
| Imagem | Onde enviar | Tamanho recomendado | Formato |
|---|---|---|---|
| Miniatura do produto | No produto, Configurações › Geral, campo Miniatura (ou Alterar imagem na lista de Conteúdo › Produtos) | 1280 x 720 px. Se a vitrine usa miniaturas no formato 4:7, use 600 x 1050 px; no formato 4:4, 600 x 600 px | JPG ou PNG, até 1 MB |
| Imagem do módulo | Na lista de aulas do produto, menu do módulo, Alterar imagem | Siga o formato de miniatura escolhido (ex.: 600 x 1050 px para 4:7) | JPG ou PNG, até 600 KB |
| Miniatura da aula | No editor da aula, campo Miniatura (ou Alterar imagem no menu da aula) | Siga o formato de miniatura escolhido (ex.: 600 x 1050 px para 4:7) | JPG ou PNG, até 600 KB |
| Banner do produto: imagem para desktop | No produto, Configurações › Página do produto, seção Banner | 1920 x 1080 px (16:9) | JPG ou PNG, até 300 KB |
| Banner do produto: imagem para celular | No produto, Configurações › Página do produto, seção Banner | 600 x 1050 px (4:7) | JPG ou PNG, até 300 KB |
| Banner do produto: logo | No produto, Configurações › Página do produto, seção Banner | Prefira um logo horizontal | PNG, até 300 KB |
| Imagem do certificado | No produto, Configurações › Certificado, seção Frente, campo Imagem do certificado | 3508 x 2480 px (A4 deitado) | JPG ou PNG, até 2 MB |
| Imagem do enunciado da prova | Na pergunta da prova, campo Imagem do enunciado | Livre | JPG ou PNG, até 800 KB |
A imagem do certificado tem limite rígido de 2 MB: arquivos maiores são recusados. Se as medidas forem diferentes de 3508 x 2480 px, o painel aceita, mas mostra um aviso, porque os textos podem sair fora do lugar.
O formato das miniaturas é definido em cada vitrine (Configurar vitrine › Formato das miniaturas) e na página do produto (Configurações › Página do produto). As opções vão de 16:9 a 4:7, além de Automático.
Vídeos nos banners
Os banners completos e o banner da página do produto aceitam vídeo de fundo no lugar da imagem:
- informe a URL completa de um vídeo do YouTube ou do Vimeo;
- use vídeo no formato 16:9, com o conteúdo principal centralizado e bastante respiro nas bordas;
- se quiser, informe uma URL do vídeo para celular; em branco, o mesmo vídeo vale para todos os dispositivos;
- os navegadores só reproduzem o vídeo sozinho quando ele está sem som.
Checklist
- Logo da área do aluno (PNG horizontal, até 600 KB)
- Favicon (PNG 150 x 150, até 100 KB)
- Logo das telas de acesso (JPG ou PNG, até 200 KB)
- Imagem do painel visual do login (JPG 1280 x 1024, até 850 KB)
- Logo e ícone do painel administrativo (PNG 350 x 100 e 64 x 64)
- Imagem de compartilhamento (1200 x 630, até 600 KB)
- Ícone do aplicativo (PNG 1024 x 1024, até 350 KB)
- Banners para desktop (1920 x 1080) e celular (600 x 1050)
- Miniaturas de produtos, módulos e aulas no formato da sua vitrine
- Imagem do certificado (3508 x 2480, até 2 MB)