Comparação local de pixels no navegador

Verificador de diferenças de imagens, Resultados de diferença de pixels.

Este verificador de diferenças de imagens destaca diferenças visuais, ajusta o limiar e mostra pixels alterados, delta RGB médio, RMSE e PSNR com cálculo local.

Diff de pixels local

Ferramenta de diff de pixels

Use um exemplo real ou seu arquivo PNG, JPG, JPEG, WebP. As pontuações de pixels são atualizadas somente após o diff local.

As imagens permanecem nesta sessão do navegadorPNG, JPG, JPEG, WebPAs métricas de pixels são atualizadas após Diferenças destacadas

Correspondência de pixels

Executar diff localDiff local necessário

Pixels alterados

Executar diff localDiff local necessário

RMSE

Executar diff localDiff local necessário

Caso de diff 3 / 4

Retoque de retrato

Mudanças na pele, no tom e nos detalhes faciais.

Diff destacado

Execute uma comparação local de pixels para criar a prévia de diferenças.

18

Valores baixos capturam mudanças sutis; valores altos ignoram ruído de compressão, pequenas variações de luz e antialiasing. Um pixel conta como alterado quando seu maior delta de canal RGBA passa desse valor.

Pontuações de pixels pendentes

Analisar diferenças

Execute o diff local no navegador para preencher os resultados e cartões laterais.

Mudanças visuais

Executar diff localDiff local necessário

Delta RGB médio

Executar diff localDiff local necessário

PSNR

Executar diff localDiff local necessário
1

Adicionar imagens

Substitua qualquer lado e execute o diff local para obter resultados medidos.

Escolha ou solte um arquivo PNG, JPG, JPEG ou WebP para Imagem de linha de base.

A

Linha de base / antes

Prévia de Imagem de linha de base

portrait-before.webp

960 x 720px - 42 KB

Escolha ou solte um arquivo PNG, JPG, JPEG ou WebP para Imagem alterada.

B

Alterado / depois

Prévia de Imagem alterada

portrait-after.webp

960 x 720px - 44 KB
2

Modos do verificador de diferenças

Diferenças destacadas é a visualização principal; controle deslizante, lado a lado e sobreposição ajudam a verificar o contexto.

3

Resultados do verificador de diferenças

Use Executar diff local perto do visualizador para pontuações locais de pixels. O cálculo acontece neste navegador.

01

Encontre pixels alterados

O verificador de diferenças de imagens marca em vermelho onde a verificação de pixels com limiar detecta alterações visíveis.

02

Ajuste o limiar

Use 8 para verificações exatas da interface do usuário, 18 para detalhes da foto, 32 para equilíbrio e 64 para alterações importantes.

03

Ler métricas de erro

Leia porcentagem de pixels alterados, delta RGB médio, RMSE e PSNR para explicar a diferença visual.

Métricas de diff

Métricas do verificador de diferenças de imagens

A ferramenta separa a revisão visual dos resultados calculados. Os detalhes do arquivo aparecem após a seleção; as métricas de pixels são atualizadas após o diff local.

01

Pixels alterados

Conta pixels onde o delta do canal mais forte é maior que o limiar atual.

02

Porcentagem de diferença

Mostra os pixels alterados como uma parcela de todos os pixels comparáveis na tela normalizada.

03

RMSE e PSNR

Resume o erro RGB: RMSE mais baixo e PSNR mais alto significam que as imagens estão visualmente mais próximas.

Método

Como o verificador de diferenças de imagens calcula

A ferramenta decodifica os dois arquivos localmente, desenha ambos em uma tela normalizada compartilhada e compara canal por canal. O limiar controla quais pixels contam como alterados.

Pixel alterado com limiar

Um pixel muda quando o maior delta do canal vermelho, verde, azul ou alfa é maior que o limiar selecionado.

Tela comparável

Imagens com dimensões diferentes são centralizadas em uma tela. Arquivos grandes podem ser dimensionados para manter a capacidade de resposta do navegador, e o painel de resultados informa a escala.

Métricas de erro legíveis

Delta médio RGB, RMSE e PSNR fornecem uma visão mais técnica das mesmas diferenças RGB locais mostradas pela visualização destacada.

Casos de uso

Onde um verificador visual de diferenças ajuda

Use o mesmo fluxo local para tarefas práticas em que alterações visíveis na imagem precisam ser encontradas rapidamente.

01

Verificações de regressão de captura de tela

Identifique alterações na captura de tela da IU, permitindo uma pequena tolerância de limiar para diferenças de renderização.

02

Revisão de retoque de fotos e produtos

Confirme onde a cor, a limpeza, as sombras ou o retoque foram alterados entre duas exportações.

03

Revisão de compactação e exportação

Compare as exportações JPEG, PNG ou WebP para ver alterações visíveis em pixels após a otimização.

04

Comparação de variantes geradas por IA

Compare visualmente duas variantes de imagem geradas por IA com medições de pixels locais.

05

Revisão de fotos de retrato e rosto

Compare fotos de retratos ou rostos visualmente para retoques, expressões, cortes ou alterações de iluminação.

Perguntas frequentes

Perguntas sobre o verificador de diferenças de imagens

As respostas correspondem à ferramenta visível: prévias locais, verificação de pixels com limiar e nenhum envio ao servidor.

Qual limiar devo usar?

Comece com 18. Use 8 para capturas de tela rigorosas da interface, 18 para detalhes de foto, 32 para revisão equilibrada e 64 para grandes alterações visíveis.

Como sei que minhas imagens foram carregadas?

Se suas imagens aparecerem nos espaços de envio, em geral elas foram carregadas com sucesso. Arquivos muito grandes podem demorar mais e deixar a comparação mais lenta.

Posso comparar imagens geradas por IA?

Sim. Você pode comparar variantes geradas por IA como duas imagens selecionadas; os resultados são medições de pixels locais.

Posso usá-lo para comparação de rostos?

Você pode comparar fotos de retratos ou rostos visualmente. A ferramenta não verifica identidade nem realiza reconhecimento biométrico.