Sobre esta ferramenta
Uma colagem transforma um punhado de fotos separadas em uma única imagem compartilhável — uma grade 2×2 de uma viagem, uma faixa 3×1 de fotos de produtos, ou um grande mosaico 3×3 para um moodboard. Esta ferramenta monta essa grade totalmente no seu navegador: adicione suas imagens, escolha quantas linhas e colunas deseja, defina o espaçamento e a cor de fundo que aparece nos vãos, e ela compõe tudo em uma única tela que você pode baixar como PNG ou JPG.
Cada foto é redimensionada para preencher completamente sua célula e recortada centralizada para corresponder à proporção da célula — o mesmo comportamento do `object-fit: cover` do CSS — assim fotos em retrato e paisagem ficam justapostas em vez de espremidas ou com bordas vazias. As imagens preenchem a grade na ordem em que foram adicionadas; se você adicionar mais fotos do que há células, as extras simplesmente ficam de fora (com um aviso), e se adicionar menos, as células restantes mantêm a cor de fundo. Nada é enviado — toda a composição é desenhada localmente com a API Canvas e nunca sai do seu dispositivo.
Perguntas frequentes
O que acontece se uma imagem não corresponder à proporção da célula?
Ela é escalada para cobrir totalmente a célula (como o CSS `object-fit: cover`), depois cortada a partir do centro para caber — a imagem sempre preenche sua célula de ponta a ponta sem distorção ou barras vazias tipo letterbox, mas qualquer parte que não caiba nas proporções da célula é cortada das laterais ou de cima/baixo.
Posso usar um número diferente de imagens do que a grade tem de células?
Sim, ambas as direções são tratadas graciosamente: com menos imagens do que células, as células restantes apenas mostram sua cor de fundo escolhida; com mais imagens do que células, as extras são simplesmente ignoradas (com uma nota informando quantas foram deixadas de fora) em vez de causar um erro — ajuste as linhas×colunas para caber exatamente se quiser que todas as imagens sejam incluídas.