Imágenes y Galería: Fotografía que Vende

Impacto de las Fotografías

flowchart LR
    subgraph Malo["❌ Galería Pobre"]
        A1["3 fotos oscuras"]
        A2["Sin orden lógico"]
        A3["Baja resolución"]
    end

    subgraph Bueno["✅ Galería Profesional"]
        B1["15+ fotos HD"]
        B2["Orden narrativo"]
        B3["Iluminación natural"]
    end

    Malo --> R1["📉 Pocos clics"]
    Bueno --> R2["📈 3x más leads"]

    style Malo fill:#EF4444,color:#fff
    style Bueno fill:#10B981,color:#fff

Especificaciones Técnicas

Cómo Subir Imágenes

Método 1: Arrastrar y Soltar

1. Abre la propiedad en modo edición
2. Ve a la sección "Multimedia" o "Galería"
3. Arrastra las fotos desde tu computadora
4. Suelta sobre el área de carga
5. Espera a que se procesen (verás barras de progreso)

Método 2: Selector de Archivos

1. Clic en "Subir Fotos" o "+"
2. Navega a la carpeta de imágenes
3. Selecciona múltiples con Ctrl + Clic
4. Clic en "Abrir"

sequenceDiagram
    participant U as 👤 Tú
    participant S as 🖥️ Sistema
    participant C as ☁️ CDN

    U->>S: Sube imagen (10 MB)
    S->>S: Valida formato y tamaño
    S->>S: Genera versiones (thumb, medium, large)
    S->>C: Sube a CDN optimizado
    C->>S: Confirma URLs
    S->>U: Muestra miniatura

Ordenar la Galería

El orden importa. La primera imagen es la portada que verán en listados.

Arrastrar para Reordenar

1. Haz clic en una miniatura
2. Mantén presionado y arrastra
3. Suelta en la nueva posición
4. Los cambios se guardan automáticamente

Orden Recomendado

Imagen Principal (Portada)

La portada aparece en:

• Listados de tu sitio web
• MercadoLibre
• Previews en WhatsApp
• Fichas PDF

Cómo Cambiar la Portada

1. Localiza la foto que quieres como portada
2. Haz clic en el icono ⭐ (estrella)
3. La foto se moverá a la primera posición

Edición Básica de Imágenes

El sistema incluye herramientas de edición ligera:

Cómo Acceder

1. Clic en la miniatura de la foto
2. Selecciona "Editar" o icono de lápiz
3. Ajusta con los controles
4. Guarda los cambios

Eliminar Imágenes

1. Pasa el mouse sobre la miniatura
2. Clic en el icono 🗑️ (basura)
3. Confirma la eliminación

Optimización Automática

El sistema procesa cada imagen para:

flowchart TD
    A["📷 Imagen Original<br>5 MB, 4000×3000"] --> B["🔄 Procesamiento"]

    B --> C["🖼️ Versión Grande<br>1920×1280, 300KB"]
    B --> D["📱 Versión Mediana<br>800×600, 100KB"]
    B --> E["👁️ Miniatura<br>200×150, 20KB"]

    C --> F["Galería / Lightbox"]
    D --> G["Listados / Cards"]
    E --> H["Previews / Admin"]

    style B fill:#8B5CF6,color:#fff

Beneficios:

• Velocidad: Tu sitio carga rápido
• SEO: Google premia sitios veloces
• Móvil: Se adapta al dispositivo
• Almacenamiento: Usamos CDN global

Fotografía Inmobiliaria: Tips

Preparación del Espacio

Durante la Sesión

Equipamiento Recomendado

Errores Comunes a Evitar

Tour Virtual y Video

Además de fotos estáticas, puedes agregar:

El sistema detecta automáticamente el tipo de contenido y lo embedea correctamente.

Checklist de Galería Perfecta