Guia de referência para upload de imagens — personalização, SEO e conteúdo.
Este documento reúne todas as dimensões, proporções e formatos aceitos para as imagens configuráveis na plataforma Mentorfy: identidade visual, área de login, home, SEO, categorias e capas de mentorias. Use-o como referência rápida ao preparar artes para upload.
1. Identidade visual
| Elemento | Dimensão / proporção | Formatos aceitos | Observações |
|---|
| Logo | Escala 1:1 — máximo 2000×2000 px | PNG, JPG, WebP | Exibida na área do aluno. Aceita geração via IA. |
2. Área de login
Aplicável quando o layout selecionado inclui vitrine ao lado do login.
| Elemento | Dimensão / proporção | Formatos aceitos | Observações |
|---|
| Carrossel personalizado (vitrine) | Padrão: 900×1440 px | PNG, JPG, WebP | Até 4 imagens no total, somando capas de produtos já existentes + imagens próprias. Lista independente do slider do banner hero. |
| Imagem de fundo do login | Proporção 16:9 (fixa) | PNG, JPG, WebP | Não é possível ajustar corte/ponto focal, diferente do Banner Hero. |
3. Home
| Elemento | Dimensão / proporção | Formatos aceitos | Observações |
|---|
| Banner Hero (slider) | Padrão: proporção 16:9 | PNG, JPG, WebP | Permite ajuste de apresentação (ver detalhamento abaixo). |
| Imagem de fundo da Home | Proporção 16:9 (fixa) | PNG, JPG, WebP | Background da página principal. Sem opção de ajuste de corte. |
Ajuste de apresentação do Banner Hero
O banner é cortado para preencher a tela. É possível escolher a proporção e o ponto focal que deve sobreviver ao corte, de forma independente para desktop e mobile:
| Elemento | Dimensão / proporção | Formatos aceitos | Observações |
|---|
| Desktop | 21:9, 16:9 (padrão), 16:10, 3:1 | PNG, JPG, WebP | Ponto focal ajustável em grade 3×3. |
| Mobile | 16:10 (padrão), 4:3, 1:1, 4:5 | PNG, JPG, WebP | Ponto focal ajustável em grade 3×3. |
Ajuste da imagem: opções Preencher ou Conter.
4. SEO
| Elemento | Dimensão / proporção | Formatos aceitos | Observações |
|---|
| Favicon | 32×32 px | ICO, PNG, SVG | Ícone exibido na aba do navegador. |
| Open Graph (og:image) | Recomendado: 1200×630 px | PNG, JPG | Como a página aparece ao ser compartilhada no WhatsApp, Facebook, etc. |
5. Categorias
| Elemento | Dimensão / proporção | Formatos aceitos | Observações |
|---|
| Capa da categoria (vertical) | 900×1440 px | PNG, JPG, WebP | — |
6. Capas das mentorias
| Elemento | Dimensão / proporção | Formatos aceitos | Observações |
|---|
| Capa vertical | 900×1440 px | PNG, JPG, WebP | Siga as orientações de dimensão para evitar cortes na visualização final. |
| Capa horizontal | 2160×900 px | PNG, JPG, WebP | Siga as orientações de dimensão para evitar cortes na visualização final. |