Este manual te ayudará a configurar las imágenes de tu tienda en el constructor web de Pardux. El objetivo es garantizar que tus fotos se vean nítidas, que tu página cargue rápido y que ningún elemento importante quede recortado en la versión de computadora o celular.
Las 6 Reglas de Oro (Antes de subir tus fotos)
Para que tu diseño luzca profesional, aplica siempre estos 6 principios:
Usa la medida exacta: Si subes una foto muy grande, la tienda la achicará y no se notará la diferencia; si es muy pequeña, se verá borrosa.
Respeta la proporción (forma): Si la sección requiere una foto cuadrada y subes una rectangular, el sistema cortará automáticamente lo que sobre.
Lo importante siempre al centro: La mayoría de las secciones recortan los bordes. Mantén rostros, productos y textos clave en el medio de la imagen.
Sube la versión móvil: Las imágenes panorámicas (anchas) pierden los lados al verse en un teléfono. Sube siempre la foto vertical específica para móvil cuando el constructor te dé la opción.
No incrustes texto en las fotos: Deja que el constructor coloque los títulos y botones por encima de la imagen (salvo contadas excepciones).
Cuida el peso y formato: Para fotografías usa formato JPG o WebP (con un peso menor a 400 KB). Para logotipos e íconos, usa siempre PNG con fondo transparente o SVG.
Guía por Secciones del Constructor
1. Banners y Portadas (Página Principal)
Estas son las imágenes más grandes de tu tienda y las que más cambian de forma entre la computadora y el celular.
Recomendación: Usa imágenes de ambiente o texturas donde el enfoque principal esté en el centro.
Cuidado con los bordes: No pegues elementos importantes a los extremos, ya que suelen recortarse para adaptarse a la pantalla.
2. Tarjetas, Carruseles y Productos
Esta sección incluye las grillas, los mosaicos y las listas de marcas o categorías.
El secreto es la uniformidad: Para que una fila o un carrusel se vea ordenado, todas las imágenes deben tener exactamente el mismo tamaño, forma y estilo (por ejemplo, todas con fondo blanco).
3. Logotipos, Íconos y Ventanas Emergentes (Popups)
Aquí la prioridad es la nitidez y la correcta integración con los colores de tu tienda.
Logos en Cabecera (Header) y Pie de página (Footer): Usa siempre archivos PNG con fondo transparente para que se mezclen bien con el fondo de tu página. Recorta cualquier espacio vacío (aire) alrededor del logo antes de subirlo.
Favicon: Es el pequeño ícono que aparece en la pestaña del navegador. Como se ve muy pequeño (16 píxeles), usa solo tu isotipo (el símbolo de tu marca), no el logo con texto completo.
Nota final: Dentro de tu plataforma, cada campo te indicará la medida exacta en píxeles (ancho x alto) que necesitas subir. Te recomendamos apoyarte en herramientas de diseño para ajustar tus lienzos a esas medidas antes de cargar las imágenes.