Formatos y dimensiones de imágenes en el portal B2B

Carrusel de promociones (slider)

El carrusel ocupa todo el ancho de la pantalla con una proporción fija de 21:9. Las imágenes se recortan automáticamente para rellenar ese espacio, por lo que es fundamental respetar las proporciones para evitar que se corten partes importantes del diseño.

Especificaciones recomendadas

- Dimensiones mínimas: 900 × 386 px
- Dimensiones óptimas: 1920 × 823 px
- Proporción obligatoria: 21:9 (panorámica ultrawide)
- Formato: JPG o PNG (JPG para fotografías, PNG para gráficos con texto)
- Peso máximo recomendado: 500 KB

¿Qué ocurre si la imagen no tiene proporción 21:9?

El sistema aplica recorte centrado. Esto significa que:

- Una imagen cuadrada (1:1) o 4:3 perderá las partes superiores e inferiores.
- Una imagen más estrecha que 21:9 se ampliará y quedará pixelada.
- El texto y elementos clave deben estar siempre en la zona central del encuadre.

Consejo de composición

Reserva los bordes superior e inferior para fondos neutros. Coloca el mensaje principal, el logo o el producto en la franja central horizontal.


Imágenes de producto

Las imágenes de producto se muestran en formato cuadrado (1:1) tanto en el listado como en la página de detalle. El sistema las encaja sin recortar (object-fit: contain), dejando espacio en blanco si la imagen no es cuadrada.

Especificaciones recomendadas

- Proporción ideal: 1:1 (cuadrada)
- Dimensiones mínimas: 600 × 600 px
- Dimensiones óptimas: 1200 × 1200 px
- Formato: JPG o PNG (PNG si el producto tiene fondo transparente)
- Peso máximo recomendado: 300 KB por imagen
- Fondo: blanco o transparente para una presentación uniforme

Galería de producto

Se pueden subir varias imágenes por producto. La primera es la imagen principal (aparece en listados). Las siguientes se muestran como miniaturas en la página de detalle. Se recomienda un máximo de 6 imágenes por producto.


Resumen rápido

Carrusel / slider — Proporción 21:9 — Mínimo 900 × 386 px — Óptimo 1920 × 823 px
Imagen de producto — Proporción 1:1 — Mínimo 600 × 600 px — Óptimo 1200 × 1200 px