Combinador de Imágenes

Image stitching is the process of combining multiple images into a single larger image. The simplest form is concatenation -- placing images side by side (horizontal) or stacked (vertical) with no overlap. This is useful for creating panoramic views from sequential photos, combining screenshots into a single long image for documentation, or creating before/after comparison images. The Canvas API handles this by creating a canvas large enough to contain all images, then drawing each image at its calculated position.

Para la unión horizontal, el ancho del lienzo es la suma de todos los anchos de imagen (más el espaciado), y la altura del lienzo es la altura máxima de imagen. Las imágenes más cortas que la altura máxima pueden alinearse arriba, al centro o abajo. Para la unión vertical, la altura del lienzo es la suma de todas las alturas, y el ancho es el ancho máximo de imagen. La unión en cuadrícula dispone las imágenes en filas y columnas — las dimensiones del lienzo se determinan por el número de columnas, el ancho máximo de imagen por columna y la altura máxima de imagen por fila.

Professional panorama stitching (like Photoshop's Photomerge) uses feature matching to find overlapping areas between photos and blend them seamlessly. This requires complex algorithms (SIFT, SURF, or ORB feature detection) that are computationally intensive and not practical in a browser. Our tool focuses on concatenation-style stitching, which is simpler but covers the most common use cases: sequential screenshots, side-by-side comparisons, and photo collages.

La documentación y los tutoriales a menudo requieren unir múltiples capturas de pantalla en una sola imagen para mostrar un proceso paso a paso. La unión vertical es ideal para esto — cada captura de pantalla se coloca debajo de la anterior, creando una sola imagen desplazable. Esto es más fácil de compartir y ver que múltiples imágenes separadas. Añadir espaciado entre las imágenes ayuda a separar visualmente los pasos.

Las comparaciones antes/después usan unión lado a lado (horizontal) para mostrar la diferencia entre dos versiones de una imagen. Esto es común en tutoriales de edición de fotos, muestras de diseño web y comparaciones de productos. Para comparaciones de igual ancho, las imágenes pueden redimensionarse al mismo ancho antes de unirlas. La unión en cuadrícula se usa para collages de fotos, hojas de contacto y galerías de imágenes — una cuadrícula de 3×3 de fotos de productos, por ejemplo, crea una sola imagen que es más fácil de compartir que 9 archivos separados.