Montagem & Comparador Antes e Depois

Crie comparações visuais impactantes de procedimentos estéticos, reformas, projetos e edições de foto, com etiquetas personalizáveis e formatos para redes sociais.

Ative o JavaScript para usar esta ferramenta diretamente no navegador.

Ver todas as ferramentas

Metodologia e transparência

Como a montagem “antes e depois” funciona

Atualizado em 07/09/2026
Processamento executado localmente no navegador.

Duas imagens são posicionadas em uma composição Canvas, com modo de divisão e proporção escolhidos pelo usuário, e exportadas como uma única imagem.

Processo técnico usado

Entrada

foto A + foto B

As duas imagens são decodificadas localmente.

Composição

recortes + divisor + rótulos

As áreas são desenhadas em uma tela final.

Exportação

canvas → PNG

A montagem pronta é gerada para download.

Limitações e observações

  • Diferenças de lente, iluminação, distância e perspectiva podem tornar comparações visuais enganosas.
  • A ferramenta apenas compõe imagens; não verifica autenticidade nem se as fotos foram tiradas nas mesmas condições.
  • Metadados do original podem não ser preservados na composição exportada.

Fontes e referências

  • MDN — Canvas API — Referência para desenho, composição e manipulação de pixels no navegador.
  • MDN — HTMLCanvasElement.toBlob() — Documenta a exportação do conteúdo do canvas para PNG, JPEG, WebP e formatos suportados pelo navegador.
  • W3C — File API — Referência da plataforma Web para File, Blob e leitura local de arquivos.