🎨 Portal Captive — Editor Visual
Dimensões recomendadas para logo e fundo
O portal captive usa imagens em dois contextos: logo da marca e imagem de plano de fundo. Cada contexto tem tamanhos ideais.
Logo
| Atributo | Valor |
|---|---|
| Formato de exibição | Circular (border-radius: 50%) |
| Tamanho de exibição | 72 × 72 px |
| Resolução recomendada | 144 × 144 px (2× para telas Retina) |
| Formato de arquivo | PNG com fundo transparente (preferencial) |
| Proporção | Quadrada 1:1 obrigatória |
Imagens retangularesSe o logo não for quadrado, as bordas serão cortadas ao exibir em formato circular. Recorte a imagem para 1:1 antes de usar.
Imagem de plano de fundo
| Atributo | Valor |
|---|---|
| Proporção recomendada | Landscape 16:9 (ex.: 1920 × 1080 px) |
| Formatos aceitos | JPG, PNG, WebP |
| Peso máximo recomendado | 300 KB (para carregamento rápido em redes 3G/4G) |
| Comportamento | Preenche toda a tela (cover), centralizado |
Hospedagem de imagensO sistema não faz upload de imagens — você precisa fornecer uma URL pública. Opções gratuitas: ImgBB (imgbb.com), Cloudinary (plano gratuito) ou Google Drive (com compartilhamento público).
Boas práticas
- Fundo escuro com texto claro, ou fundo claro com texto escuro — garanta contraste suficiente
- Evite fundos muito "poluídos" — o formulário de cadastro precisa ser legível sobre o fundo
- Prefira gradiente (sólido ou linear) em vez de foto quando a foto dificultar a leitura
- Teste no viewport Mobile antes de publicar — o plano de fundo fica muito menor em tela pequena
Esse artigo foi útil?
Obrigado pelo feedback! ✅