Tamaños de imagen para productos y espacios — así se muestran las fotos a la perfección
Resolución, relación de aspecto y formato de archivo recomendados para imágenes de productos, menús y espacios, para que no se recorte nada en la página de reservas ni en el detalle del producto.
Las buenas fotos venden, pero solo si se muestran correctamente. Puedes pasar estas pautas directamente a tu diseñadora, a tu fotógrafo o a tu equipo. Quien las sigue obtiene imágenes que aparecen en la página de reservas, en el detalle del producto y en el resumen de espacios sin recortes y sin bordes.
Por qué es importante la relación de aspecto
Univents muestra las imágenes en recuadros de tamaño fijo para que la cuadrícula de la página de reservas se vea ordenada y limpia. Las imágenes de producto aparecen en un recuadro 4:3 (apaisado) y las de espacios, en el resumen, como una franja ancha.
Esto es lo que ocurre:
- Las imágenes creadas exactamente en el formato recomendado llenan su recuadro por completo y sin bordes: no se recorta nada.
- Las imágenes de producto cuadradas o verticales se muestran completas, pero con bordes laterales (ya no se recortan). Para un resultado general más limpio, recomendamos igualmente el formato 4:3.
- Al usar Ampliar (clic en la imagen o en «Detalles»), siempre se ve la imagen completa.
Un caso especial son las cartas de menú diseñadas con texto dentro de la imagen: créalas siempre en formato apaisado 4:3 para que el texto se pueda leer por completo en el recuadro.
Imágenes de productos, menús y platos
Vale para todas las imágenes que asignas a los productos en el inventario (imagen principal y galería). Aparecen en la página de reservas, en el detalle del producto y en los componentes del paquete.
- Resolución: 1200 × 900 píxeles
- Relación de aspecto: exactamente 4:3 (apaisado). Así no se recorta nada en la vista previa y, al ampliar, la imagen aparece completa y sin bordes
- Formato de archivo: JPG, PNG o WebP
- Tamaño de archivo: máximo 5 MB por imagen. Un WebP de unos pocos cientos de KB es lo ideal para tiempos de carga rápidos
- Cantidad: hasta 8 imágenes por producto; la primera imagen (imagen principal) aparece en el resumen
Tipp: coloca el motivo en el centro y deja algo de aire alrededor. Así la imagen se ve equilibrada en cualquier vista.
Imágenes de espacios
Vale para la galería de fotos de tus espacios para eventos. Aparecen en la selección de espacio de la página de reservas y en el detalle del espacio.
- Formato: apaisado, p. ej. 1200 × 600 píxeles. Coloca el motivo principal en el centro
- Visualización: en el resumen, la imagen se muestra como una franja ancha; por arriba y por abajo puede recortarse un poco. Al hacer clic para ampliarla, siempre se ve la imagen completa.
- Formato de archivo: JPG, PNG o WebP
- Tamaño de archivo: máximo 5 MB por imagen. Un WebP de unos pocos cientos de KB es lo ideal para los tiempos de carga
- Cantidad: hasta 12 imágenes por espacio
Especificación resumida para compartir
Puedes enviar esta tabla tal cual a tu diseñadora o a tu agencia:
| Imágenes de producto/menú | Imágenes de espacios | |
|---|---|---|
| Resolución | 1200 × 900 px | 1200 × 600 px |
| Relación de aspecto | exactamente 4:3 (apaisado) | apaisado, motivo principal centrado |
| Formato de archivo | JPG, PNG, WebP | JPG, PNG, WebP |
| Tamaño máx. de archivo | 5 MB (ideal: WebP de unos pocos cientos de KB) | 5 MB (ideal: WebP de unos pocos cientos de KB) |
| Cantidad máx. | 8 por producto | 12 por espacio |
| Visualización | recuadro 4:3, sin bordes con 4:3 exacto | franja ancha, posible recorte arriba/abajo |
| Ampliar | imagen completa sin recorte | imagen completa sin recorte |
Preguntas frecuentes
¿Qué pasa con las imágenes cuadradas? Las imágenes de producto cuadradas o verticales se muestran completas, pero con bordes laterales dentro del recuadro. No se pierde nada; para el resultado más limpio, recomendamos igualmente 4:3.
¿Por qué WebP? WebP comprime bastante más que JPG con la misma calidad. Una imagen 4:3 de 1200 × 900 px suele pesar solo 100–300 KB en WebP: tu página de reservas carga de forma notablemente más rápida, sobre todo en el móvil.
¿Puedo subir un PDF como imagen de producto? No: los PDF no se pueden mostrar como imagen en el navegador. Exporta la página (p. ej. una carta de menú) como JPG, PNG o WebP y sube ese archivo.