Combinar Imágenes

La herramienta Combinar Imágenes reúne múltiples imágenes en una sola imagen de salida. La intención del usuario generalmente es tres cosas:

1. “Colocar dos fotos lado a lado” (antes/después, comparación)
2. “Combinar arriba abajo” (flujo de detalles del producto, storyboard)
3. “Hacer Grid/collage” (conjunto de imágenes de mercado, collage de Instagram, página de tema)

¿Qué hace?

• Combina múltiples imágenes en una sola imagen:
  • Lado a lado (combinación horizontal)
  • Arriba abajo (combinación vertical)
  • Grid / Collage (rejilla de fotos, collage)
• Descarga la salida como un solo archivo (opciones JPG/PNG/WebP).
• Alinea automáticamente y redimensiona si es necesario (la UX más crítica).

Flujo de uso

1. Cargar imágenes (selección múltiple / arrastrar y soltar)
2. Seleccionar el diseño:
   • Lado a lado
   • Arriba abajo
   • Grid (filas/columnas)
3. Configurar opciones:
   • Espaciado (padding/gap)
   • Color de fondo (blanco/negro/transparente)
   • Alineación (superior/medio/inferior – izquierda/centro/derecha)
   • Redimensionar automáticamente (mismo alto/misma ancho/mantener proporción)
4. Previsualizar → Combinar
5. Descargar

Características Detalladas (lo que hace al herramienta “pro”)

1) Opciones de igualación de tamaño (las más importantes)

La combinación tiene el mayor problema de “una altura diferente, registro de imagen”. Estos modos son necesarios:

• Misma altura: ideal para combinar lado a lado
• Misma ancho: ideal para combinar arriba abajo
• Mantener proporción: escalas sin distorsionar la imagen
• (Opcional) Modo “Recortar”: recorta desde el centro para ajustarse a la misma caja

2) Configuraciones de Grid / collage

• Número de filas / columnas
• Distribución automática (según el número de imágenes)
• Si falta la última fila:
  • Centrar
  • Dejar celdas vacías
  • Redistribuir imágenes

3) Fondo y transparencia

• Opción de fondo transparente en salida PNG (especialmente para combinar íconos/activos)
• Selección de color de fondo en salida JPG

4) Control de orden

• Ordenar imágenes con arrastrar y soltar
• Preset de “ordenar por nombre de archivo” / “ordenar por orden de carga”

5) Marco y espaciado (para imágenes de mercado/producto)

• Grosor del borde
• Redondeo de esquinas (opcional)
• Espaciado interno y externo por separado

6) Calidad y formato de salida

• Ajuste de calidad JPG (%60–%90)
• “Sin pérdida” en PNG
• Opción WebP (para web)

Escenarios de uso

• Comparación Before / After (lado a lado)
• Flujo de “características” del producto (arriba abajo)
• Conjuntos de mercado / collage de Instagram (grid)
• Reunir múltiples imágenes en una sola página como “hoja de contacto / página de tema”

Preguntas Frecuentes

¿Alinea correctamente imágenes de diferentes tamaños?

Sí; las opciones “misma altura / mismo ancho / mantener proporción” están disponibles para esto.

¿Es posible tener un fondo transparente?

Sí, si se selecciona la salida PNG. No hay transparencia en JPG.

¿Puedo hacer un grid con muchas imágenes?

Sí; puedes crear un collage con la configuración de filas/columnas.