# Checklist de Imagens

> Todas as imagens que a sua plataforma usa, onde enviar cada uma, o tamanho recomendado e o formato.

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.

:::dica
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 |

:::info
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 |

:::aviso
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.
:::

:::info
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)