Guía de Collage de Imágenes

Combina varias imágenes en collages de cuadrícula, forma libre o estilo revista. Ajusta el espaciado, bordes, color de fondo y relación de aspecto. Cada operación se ejecuta localmente en tu navegador; no se sube nada a ningún servidor.

Lo que necesitas

Navegador: Chrome, Firefox, Safari o Edge con soporte para OffscreenCanvas Formatos: JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP o TIFF Límite: 20 MB por archivo (cualquier archivo que exceda los 20 MB será rechazado) Cuenta: No se requiere Internet: No es necesario una vez cargada la página

Creando tu collage

Abre el Image Collage Maker en tu navegador. Arrastra varios archivos de imagen desde tu explorador de archivos y suéltalos en la zona de carga. Alternativamente, haz clic en el área de carga para seleccionar varios archivos desde tu dispositivo.

Cada archivo debe estar por debajo del límite de 20 MB; los archivos que excedan este umbral serán rechazados. Elige tu tipo de diseño: cuadrícula, forma libre o revista. La cuadrícula organiza las imágenes en filas y columnas uniformes.

La forma libre te permite arrastrar y colocar cada imagen en cualquier parte del lienzo. El estilo revista aplica un diseño editorial con tamaños y posiciones mixtos. Establece el color de fondo usando el selector de color.

Ajusta el espaciado entre imágenes usando el control deslizante. Añade bordes configurando el ancho y el color. Para diseños de cuadrícula, elige el número de columnas.

Para diseños de revista, ajusta la relación de aspecto del lienzo. Haz clic en el botón de generar. La API OffscreenCanvas compone todas las imágenes en un solo lienzo.

libvips posiciona cada imagen según tu selección de diseño, aplica espaciado y bordes, y rellena el fondo. No se transmiten datos a través de la red. Una vez generado el collage, aparecerá un botón de descarga.

Haz clic en él para guardar el collage en tu dispositivo. El navegador escribe el archivo directamente desde la memoria al disco. Después de la descarga, libvips libera automáticamente los búferes de memoria temporales.

Cómo funciona

El Image Collage Maker utiliza la API OffscreenCanvas para componer varias imágenes en un solo lienzo. Cuando subes imágenes, el navegador las lee directamente en la memoria; no ocurre ninguna carga al servidor.

libvips calcula las dimensiones del lienzo según tu selección de diseño y el número de imágenes. Para diseños de cuadrícula, divide el lienzo en celdas uniformes calculando las dimensiones de filas y columnas a partir del número total de imágenes y la configuración de columnas, asegurando que cada celda reciba una asignación de píxeles igualitaria. Para diseños de forma libre, utiliza una disposición predeterminada que puedes modificar arrastrando cada imagen a cualquier coordenada del lienzo.

Para diseños de revista, aplica reglas editoriales para tamaños mixtos, donde las imágenes más grandes reciben más área del lienzo y las más pequeñas llenan los espacios alrededor de ellas.

Cada imagen se dibuja en el lienzo en su posición calculada utilizando el renderizado de OffscreenCanvas. libvips aplica espaciado entre imágenes dejando huecos de píxeles entre los límites de las celdas, añade bordes trazando rectángulos con el ancho y color seleccionados, y rellena el fondo usando el valor del selector de color como estilo de relleno antes de que se compongan las imágenes.

Después de la composición, libvips convierte el lienzo a una imagen PNG o JPEG usando el método toBlob del lienzo, que codifica los datos de píxeles en el formato de imagen seleccionado. El blob binario resultante se entrega a través de URL. createObjectURL, creando un puntero de referencia de memoria temporal que el navegador utiliza para servir el archivo para su descarga.

Cuando se completa la descarga, libvips llama a URL. revokeObjectURL para liberar la memoria asignada.

Los archivos se procesan completamente dentro de tu navegador usando OffscreenCanvas. Nunca se suben a los servidores de ConvertCraft. Tus archivos originales permanecen en tu dispositivo; libvips los lee en la memoria, compone el collage y descarta los búferes de píxeles después de la descarga.

Cuando algo sale mal

Algunos archivos no se cargan: Esos archivos exceden el límite de 20 MB. El OffscreenCanvas opera dentro de límites de memoria estrictos. Procesar imágenes de más de 20 MB requiere búferes de píxeles descomprimidos masivos en la RAM, lo que puede bloquear la pestaña del navegador.

Las imágenes aparecen distorsionadas: El diseño del collage escala las imágenes para ajustarlas a las celdas, lo que puede distorsionar las relaciones de aspecto. Usa la opción de relación de aspecto original o ajusta las dimensiones de las celdas para que coincidan con tus imágenes.

El lienzo es demasiado grande: Demasiadas imágenes con alta resolución producen un lienzo muy grande. El navegador puede quedarse sin memoria. Reduce el número de imágenes o usa archivos de origen de menor resolución.

El collage se ve desalineado: Los diseños de cuadrícula requieren imágenes con dimensiones consistentes. Las relaciones de aspecto desiguales producen un espaciado irregular. Recorta las imágenes a dimensiones consistentes antes de subirlas.

### ¿Cuántas imágenes puedo incluir?

El límite práctico depende de la memoria disponible en tu navegador. libvips procesa las imágenes secuencialmente para gestionar las limitaciones de memoria. Si experimentas lentitud o bloqueos, intenta reducir el número de imágenes.

### ¿Puedo ajustar las posiciones de cada imagen?

Los diseños de forma libre permiten arrastrar cada imagen a cualquier posición en el lienzo. Los diseños de cuadrícula y revista utilizan reglas de posicionamiento fijas. Cambia al modo de forma libre para tener control manual sobre la ubicación de cada imagen.

### ¿Qué formato de archivo es el resultado?

El collage se guarda como una imagen PNG de forma predeterminada para una calidad sin pérdidas. Puedes seleccionar JPEG para tamaños de archivo más pequeños con compresión con pérdida. La selección de formato está disponible antes de la descarga.