Comparar imagens
Image Diff
Compara duas imagens pixel a pixel e destaca o que mudou, com uma pontuação de diferença perceptual.
Duas capturas de tela que deveriam ser idênticas, e a pergunta sobre se são. Uma contagem de pixels alterados sozinha não consegue responder — o antialiasing muda milhares de pixels e não significa nada —, então isto reporta SSIM e DSSIM ao lado dela e dá quatro formas de olhar a diferença.
Solte a imagem “Antes”
Qualquer formato que o navegador saiba decodificar.
Solte a imagem “Depois”
Qualquer formato que o navegador saiba decodificar.
Como usar
Solte o antes e o depois
Tamanhos diferentes são aceitos: os dois são preenchidos até a união com transparência, então a sobreposição é comparada corretamente e o que não se sobrepõe aparece como diferença, que é o que é.
Defina a tolerância
Medida em YIQ, então uma mudança de luminância conta cerca de 2,5× uma mudança de matiz do mesmo tamanho, que é como o olho as classifica. Em 0, um único valor de código em qualquer lugar é uma falha.
Leia os dois tipos de número juntos
2% de pixels alterados com SSIM 0,999 é antialiasing. 2% com SSIM 0,94 é algo se movendo.
Use a cortina para deslocamentos pequenos
Ela põe as duas versões na mesma posição retiniana, que é a única forma de um deslocamento subpixel ficar visível: o olho não consegue carregar tanto detalhe através da sacada que uma comparação lado a lado exige.
Perguntas frequentes
O que é um bom SSIM?
Acima de cerca de 0,99 as duas imagens são a mesma com ruído de renderização entre elas. Abaixo de 0,95 algo difere de fato. Não há limiar universal; compare contra um par sabidamente bom da sua própria pipeline.
Por que o DSSIM difere do SSIM?
O DSSIM faz a mesma comparação estrutural em L*a*b* em cinco escalas, então uma mudança só de cor conta e uma diferença em um nível de zoom não se esconde atrás de outro. Onde eles discordam, a mudança é de cor e não de estrutura.
Posso usar isto para testes de regressão visual?
Para olhar uma falha, sim: é para isso que as quatro visões existem. Para rodar a comparação em CI você quer a mesma aritmética no seu executor de testes e não uma aba do navegador.
Pode receber de
Comparar PDF
PDF Compare
Compara dois PDFs tanto como texto quanto como pixels renderizados, listando inserções, exclusões e trechos movidos.
Compressor de PNG
PNG Compressor
Quantiza a paleta e reescreve o fluxo deflate para reduzir um PNG sem alterar as dimensões — sem enviar arquivos, tudo no seu navegador.
Compressor de JPEG
JPEG Compressor
Recodifica um JPEG na qualidade que você escolher, com o tamanho antes e depois ao vivo e uma visão das diferenças.
Conversor de WebP
WebP Converter
Converte imagens para WebP ou a partir de WebP, com controle de qualidade e modo sem perdas.
Em seguida
Estas aceitam o que esta ferramenta produz, então o resultado pode ir direto.
Cortar imagem
Image Cropper
Corta uma região livre ou de proporção fixa e pode aparar automaticamente bordas uniformes ou transparentes.
Comparar PDF
PDF Compare
Compara dois PDFs tanto como texto quanto como pixels renderizados, listando inserções, exclusões e trechos movidos.
Compressor de PNG
PNG Compressor
Quantiza a paleta e reescreve o fluxo deflate para reduzir um PNG sem alterar as dimensões — sem enviar arquivos, tudo no seu navegador.
Remover fundo de imagem
Background Remover
Recorta um fundo liso ou de cor única em OKLab e devolve um PNG transparente, com um pincel para corrigir as bordas.
Remover EXIF
EXIF Remover
Remove metadados de câmera, GPS e edição das fotos sem tocar nos pixels.
Gerador de favicon
Favicon Generator
Produz o conjunto completo de favicons — ICO, PNGs, ícone Apple touch, manifesto web — mais o HTML para colar.