Fatos principais
- Categoria
- Design
- Tipos de entrada
- file, select, number
- Tipo de saída
- file
- Cobertura de amostras
- 4
- API disponível
- Yes
Visão geral
A ferramenta de Diferença de Imagem permite comparar dois arquivos visuais com precisão, identificando alterações, subtraindo elementos ou destacando mudanças entre versões de um mesmo design.
Quando usar
- •Verificar alterações sutis entre duas versões de um arquivo de design.
- •Criar máscaras de comparação para isolar elementos que foram adicionados ou removidos.
- •Validar a consistência visual entre capturas de tela de interfaces ou layouts.
Como funciona
- •Faça o upload das duas imagens que deseja comparar.
- •Selecione o modo de diferença desejado (Absoluta, Subtração ou Destacar Mudanças).
- •Escolha o formato de saída e a qualidade da imagem resultante.
- •Clique em processar para gerar a imagem que revela as discrepâncias entre os arquivos.
Casos de uso
Exemplos
1. Comparação de Layout UI
Designer de Interface- Contexto
- O designer precisa garantir que a versão final do protótipo não tenha sofrido alterações de espaçamento em relação ao rascunho anterior.
- Problema
- Dificuldade em identificar manualmente pequenos deslocamentos de elementos entre duas versões da interface.
- Como usar
- Carregar a versão original e a nova versão, selecionando o modo 'Destacar Mudanças'.
- Configuração de exemplo
-
differenceMode: highlight, format: png - Resultado
- Uma imagem resultante que destaca em cores contrastantes apenas os pixels que foram movidos ou alterados.
2. Verificação de Edição de Foto
Editor de Imagens- Contexto
- Um editor precisa verificar exatamente quais partes de uma imagem foram retocadas em comparação com a foto original.
- Problema
- Identificar as áreas exatas onde houve aplicação de filtros ou remoção de objetos.
- Como usar
- Upload da imagem original e da editada, utilizando o modo 'Subtrair'.
- Configuração de exemplo
-
differenceMode: subtract, format: png - Resultado
- Uma imagem que mostra apenas as áreas alteradas, facilitando a auditoria do trabalho de edição.
Testar com amostras
image, png, jpgHubs relacionados
FAQ
Quais formatos de imagem são suportados?
A ferramenta suporta os formatos JPEG, PNG, WebP, GIF, BMP e TIFF.
Qual é a diferença entre os modos de cálculo?
O modo 'Absoluto' mostra a variação total, 'Subtrair' remove os pixels idênticos e 'Destacar' enfatiza visualmente onde ocorreram as alterações.
Existe limite de tamanho para os arquivos?
Sim, cada arquivo enviado pode ter no máximo 10 MB.
Qual formato de saída é o mais recomendado?
Recomendamos o formato PNG por ser um formato sem perdas, garantindo maior precisão na visualização das diferenças.
Posso ajustar a qualidade da imagem final?
Sim, você pode definir a qualidade de 1 a 100 para formatos com compressão, como JPEG ou WebP.