Categorias

Diferença de Imagem

Calcula a diferença entre duas imagens para identificar mudanças ou criar máscaras de comparação

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

Primeira imagem para comparação

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

Segunda imagem para comparação

Como calcular a diferença entre imagens

Formato de saída para a imagem resultante (PNG recomendado para precisão)

Qualidade de saída para formatos com perda

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

Comparação de versões de layouts para identificar alterações não autorizadas.
Detecção de erros em testes de regressão visual de interfaces.
Criação de máscaras de edição para pós-processamento de imagens.

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, jpg

Hubs 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.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/image-difference

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
imageFile1 file (Upload necessário) Sim Primeira imagem para comparação
imageFile2 file (Upload necessário) Sim Segunda imagem para comparação
differenceMode select Não Como calcular a diferença entre imagens
format select Não Formato de saída para a imagem resultante (PNG recomendado para precisão)
quality number Não Qualidade de saída para formatos com perda

Os parâmetros de tipo arquivo precisam ser carregados primeiro via POST /upload/image-difference para obter filePath, depois filePath deve ser passado ao campo de arquivo correspondente.

Formato de resposta

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Arquivo: Arquivo

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP:

{
  "mcpServers": {
    "elysiatools-image-difference": {
      "name": "image-difference",
      "description": "Calcula a diferença entre duas imagens para identificar mudanças ou criar máscaras de comparação",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-difference",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Suporta links de arquivos URL ou codificação Base64 para parâmetros de arquivo.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]