Dimensiones de las imágenes
Guía de referencia para la carga de imágenes — personalización, SEO y contenido.
Este documento reúne todas las dimensiones, proporciones y formatos aceptados para las imágenes configurables en la plataforma Mentorfy: identidad visual, área de login, home, SEO, categorías y portadas de mentorías. Úselo como referencia rápida al preparar artes para la carga.
1. Identidad visual
| Elemento | Dimensión / proporción | Formatos aceptados | Observaciones |
|---|
| Logo | Escala 1:1 — máximo 2000×2000 px | PNG, JPG, WebP | Se muestra en el área del alumno. Acepta generación vía IA. |
2. Área de login
Aplicable cuando el layout seleccionado incluye vitrina junto al login.
| Elemento | Dimensión / proporción | Formatos aceptados | Observaciones |
|---|
| Carrusel personalizado (vitrina) | Estándar: 900×1440 px | PNG, JPG, WebP | Hasta 4 imágenes en total, sumando portadas de productos existentes + imágenes propias. Lista independiente del slider del banner hero. |
| Imagen de fondo del login | Proporción 16:9 (fija) | PNG, JPG, WebP | No es posible ajustar recorte/punto focal, a diferencia del Banner Hero. |
3. Home
| Elemento | Dimensión / proporción | Formatos aceptados | Observaciones |
|---|
| Banner Hero (slider) | Estándar: proporción 16:9 | PNG, JPG, WebP | Permite ajuste de presentación (ver detalle abajo). |
| Imagen de fondo de la Home | Proporción 16:9 (fija) | PNG, JPG, WebP | Fondo de la página principal. Sin opción de ajuste de recorte. |
Ajuste de presentación del Banner Hero
El banner se recorta para llenar la pantalla. Es posible elegir la proporción y el punto focal que debe sobrevivir al recorte, de forma independiente para desktop y mobile:
| Elemento | Dimensión / proporción | Formatos aceptados | Observaciones |
|---|
| Desktop | 21:9, 16:9 (estándar), 16:10, 3:1 | PNG, JPG, WebP | Punto focal ajustable en grilla 3×3. |
| Mobile | 16:10 (estándar), 4:3, 1:1, 4:5 | PNG, JPG, WebP | Punto focal ajustable en grilla 3×3. |
Ajuste de la imagen: opciones Rellenar o Contener.
4. SEO
| Elemento | Dimensión / proporción | Formatos aceptados | Observaciones |
|---|
| Favicon | 32×32 px | ICO, PNG, SVG | Ícono mostrado en la pestaña del navegador. |
| Open Graph (og:image) | Recomendado: 1200×630 px | PNG, JPG | Cómo aparece la página al compartirse en WhatsApp, Facebook, etc. |
5. Categorías
| Elemento | Dimensión / proporción | Formatos aceptados | Observaciones |
|---|
| Portada de categoría (vertical) | 900×1440 px | PNG, JPG, WebP | — |
6. Portadas de las mentorías
| Elemento | Dimensión / proporción | Formatos aceptados | Observaciones |
|---|
| Portada vertical | 900×1440 px | PNG, JPG, WebP | Siga las orientaciones de dimensión para evitar recortes en la visualización final. |
| Portada horizontal | 2160×900 px | PNG, JPG, WebP | Siga las orientaciones de dimensión para evitar recortes en la visualización final. |