Sobre esta herramienta
Un collage convierte un puñado de fotos sueltas en una sola imagen para compartir: una cuadrícula 2×2 de un viaje, una tira 3×1 de fotos de producto, o un gran mosaico 3×3 para un moodboard. Esta herramienta construye esa cuadrícula totalmente en tu navegador: añade tus imágenes, elige cuántas filas y columnas quieres, ajusta el espaciado y el color de fondo que se ve entre los huecos, y compone todo en un único lienzo que puedes descargar como PNG o JPG.
Cada foto se escala para llenar por completo su celda y se recorta centrada para coincidir con la proporción de la celda, el mismo comportamiento que `object-fit: cover` en CSS, así que las fotos verticales y horizontales encajan perfectamente entre sí en lugar de deformarse o quedar con bordes vacíos. Las imágenes llenan la cuadrícula en el orden en que las añadiste; si agregas más fotos de las que caben, las sobrantes simplemente se omiten (con un aviso), y si agregas menos, las celdas restantes conservan el color de fondo. No se sube nada: todo el collage se dibuja localmente con la API Canvas y nunca sale de tu dispositivo.
Preguntas frecuentes
¿Qué pasa si una imagen no coincide con la relación de aspecto de la celda?
Se escala para cubrir completamente la celda (como CSS `object-fit: cover`), y luego se recorta desde el centro para ajustarse; la imagen siempre llena su celda de borde a borde sin distorsión ni barras vacías tipo buzón, pero cualquier parte que no encaje en las proporciones de la celda se recorta de los lados o de arriba/abajo.
¿Puedo usar un número diferente de imágenes al que la cuadrícula tiene celdas?
Sí, ambas direcciones se manejan con elegancia: con menos imágenes que celdas, las celdas restantes simplemente muestran el color de fondo que elegiste; con más imágenes que celdas, las adicionales simplemente se ignoran (con una nota que te indica cuántas se dejaron fuera) en lugar de causar un error; ajusta las filas×columnas para que encajen exactamente si quieres que se incluyan todas las imágenes.