Unir imagens — combine fotos num collage
Combine fotos num collage ou imagem unida no navegador. Passos: adicione imagens, escolha layout horizontal/vertical/grade, ajuste espaço e fundo, una e baixe JPEG/WebP/PNG. Exemplo: três blocos em fila, fundo branco, 8 px de espaço → um WebP — os ficheiros não saem do dispositivo; presets de tamanho opcionais para publicações comuns.
Como funciona
Adicione duas ou mais imagens, reordene se precisar, escolha layout, espaço e fundo, e una. A página cria uma tela local, desenha cada foto por ordem, pode escalar o resultado para tamanhos quadrados ou de link comuns, e deixa transferir — sem upload.
Regras de layout
O tamanho da tela segue as fórmulas abaixo. Na grade as células partilham largura e altura; conter deixa margens, cobrir recorta.
- Horizontal: altura = máximo das fontes; cada imagem escala para essa altura; largura = soma das larguras escaladas + (n−1)×espaço.
- Vertical: largura = máximo das fontes; cada imagem escala para essa largura; altura = soma das alturas escaladas + (n−1)×espaço.
- Grade: 2–4 colunas; linhas = ceil(n/cols); célula = max largura × max altura; espaço entre células; conter ou cobrir dentro de cada célula.
- Presets escalam a colagem final para 1080×1080 ou 1200×630 com a sua cor de fundo (tamanhos comuns, não aprovação de plataforma). O fundo é preenchido antes de desenhar.
Exemplo
Carregue a amostra de três cores, mantenha Horizontal, espaço 8 px, fundo branco, WebP 0,90, preset Nenhum, e una. Deve obter uma faixa ~728×180 px. Mude para Grade com 3 colunas para alinhar numa fila de células iguais.
Bons encaixes
- Antes/depois: duas fotos lado a lado para reviews ou progresso fitness.
- Passos de tutorial: empilhe capturas em vertical numa imagem longa.
- Ângulos de produto ou storyboard: grade 3×3 e depois comprima se o ficheiro for pesado.
Frequently asked questions
As minhas fotos são enviadas?
Não. Decodificar, maquetar e exportar corre no navegador. Veja o separador Rede — não há POST de imagens.
Qual a diferença entre horizontal e vertical?
Horizontal unifica altura e cresce em largura; vertical unifica largura e cresce em altura. A grade usa células fixas com conter ou cobrir.
Os presets 1080 ou 1200 garantem aprovação no Instagram/Facebook?
Não. São apenas tamanhos de saída comuns. As regras das apps mudam; confira onde publica.
O que acontece com GIF animado?
Só o primeiro fotograma é decodificado e desenhado. A animação não se mantém.
Por que falhou uma colagem enorme?
Bordas acima de ~8192 px ou muitos megapíxeis podem exceder a memória do navegador. Reduza imagens, colunas da grade ou recorte antes.
Dúvidas ou feedback
Algo pouco claro, quebrado ou faltando? Escreva abaixo — lemos cada mensagem sobre estas ferramentas.