Prepara las imágenes del área del alumno
El área de miembros (o área del alumno) es donde tu alumno entra para ver las mentorías. Su primera pantalla es la vitrina. Los colores, el logo, la pantalla de inicio de sesión y los banners los defines en Brand Studio, y las portadas de cada mentoría en la configuración de la mentoría.
Usa esta página como consulta rápida antes de preparar tus diseños. Una imagen del tamaño correcto no queda cortada ni borrosa.
Es bueno saber
En las portadas de las mentorías y de las categorías, mantén los textos y las caras a por lo menos 70 px de los bordes. Así nada desaparece cuando se recorta la portada.
Varios campos de Brand Studio tienen el botón Generar con IA, que crea la imagen ya en el formato correcto.
Para personalizar el área del alumno paso a paso, mira Brand Studio.
Referencia
Formatos aceptados, salvo cuando se indique otra cosa: PNG, JPG o WebP. En Brand Studio, cada imagen puede tener hasta 10 MB.
Identidad e inicio de sesión
| Imagen | Tamaño o proporción | Observación |
|---|---|---|
| Logo | sin tamaño fijo | Aparece en el área del alumno |
| Imagens do carrossel do login (imágenes del carrusel de inicio de sesión) | hasta 4 imágenes | Solo en los diseños con vitrina al lado del inicio de sesión. Cuenta junto con las portadas de mentorías que elijas para el carrusel |
| Imagem de Fundo do Login (imagen de fondo del inicio de sesión) | proporción 16:9 | Fondo de la pantalla de inicio de sesión |
Página de inicio
| Imagen | Tamaño o proporción | Observación |
|---|---|---|
| Imagem do Banner (imagen del banner, arriba de la página) | proporción 16:9 | Se puede ajustar el recorte (mira abajo) |
| Slides (diapositivas) del banner | proporción 16:9, hasta 4 imágenes | Pasan solas, una tras otra |
| Imagem exclusiva para mobile (imagen exclusiva para celular) | proporción 3:4 (vertical) | Opcional. Sin ella, el celular usa la imagen del banner |
| Imagem de Fundo da Home (imagen de fondo de la página de inicio) | proporción 16:9 | Fondo de la página de inicio |
El banner se recorta para llenar la pantalla. Tú eliges la proporción y el punto que no se puede cortar, por separado para computadora y celular:
| Dónde | Proporciones | Ajuste |
|---|---|---|
| Computadora | 21:9, 16:9, 16:10, 3:1 | Punto focal en una cuadrícula de 3x3 |
| Celular | 16:10, 4:3, 1:1, 4:5 | Punto focal en una cuadrícula de 3x3 |
Cómo ocupa la imagen el banner: Preencher (rellenar: recorta lo que sobra), Conter (contener: muestra el diseño completo) o Conter + desfoque (contener + desenfoque: muestra el diseño completo y completa las franjas con los bordes desenfocados de la misma imagen).
Portadas de las mentorías y de las categorías
| Imagen | Tamaño | Dónde aparece |
|---|---|---|
| Portada vertical de la mentoría | 900×1440 px (10:16) | En las tarjetas de la vitrina |
| Portada horizontal de la mentoría | 2160×900 px (12:5) | Cuando la mentoría está destacada |
| Portada de la categoría | 900×1440 px (10:16) | En la vitrina |
SEO (cómo aparece el enlace en internet)
| Imagen | Tamaño | Formatos |
|---|---|---|
| Favicon (ícono de la pestaña del navegador) | 32×32 px | ICO, PNG o SVG |
| Imagem de compartilhamento (imagen para compartir, og:image) | 1200×630 px | PNG o JPG |
La imagen para compartir es la que aparece cuando alguien envía el enlace de tu área por WhatsApp o en redes sociales.
App con tu marca
Ten estos archivos listos antes de armar tu app en las tiendas:
| Imagen | Tamaño |
|---|---|
| Logo | 792×156 px |
| Background do Login (fondo del inicio de sesión) | 430×932 px |
| Ícone do App (ícono de la app) | 512×512 px |
| Ícone Adaptativo Android (ícono adaptable de Android) | 512×512 px |
| Tela de Abertura (pantalla de bienvenida) | 1284×2778 px |
| Banner de Destaque (banner destacado, Google Play) | 1024×500 px, obligatorio |
Las capturas de pantalla que aparecen en la página de la app en la tienda se generan automáticamente. No necesitas enviarlas.
Preguntas frecuentes
La portada de mi mentoría quedó cortada. ¿Qué hago?
Rehaz el diseño con el tamaño de la tabla (900×1440 px en vertical, 2160×900 px en horizontal) y deja los textos y las caras a por lo menos 70 px de los bordes.
El banner se ve bien en la computadora y mal en el celular.
Elige una proporción y un punto focal propios para el celular, o envía una Imagem exclusiva para mobile, en vertical (3:4).