Como funciona a comparação de imagens
Ao carregar duas imagens, a ferramenta compara cada pixel na área comum dos arquivos, identificando diferenças de cor e transparência. Isso permite detectar mudanças precisas entre versões de imagens, como screenshots ou assets de design. O processamento ocorre inteiramente no navegador, garantindo privacidade e rapidez.
Você pode ajustar o nível de tolerância para ignorar pequenas variações, como artefatos de compressão. As imagens não são redimensionadas; apenas a região sobreposta é analisada. Áreas fora do alinhamento são marcadas como diferentes.
Visualizações para facilitar análise
A ferramenta oferece vários modos de visualização: destaque dos pixels alterados, exibição da diferença bruta dos canais de cor, transição suave entre as imagens e efeito de deslizar para comparar partes específicas.
Esses recursos ajudam a identificar alterações sutis ou evidenciar mudanças em grandes áreas. Designers e desenvolvedores podem escolher o modo que melhor se adapta à sua análise visual.
Limitações e dicas para obter melhores resultados
Apenas duas imagens podem ser comparadas por vez, e não há avaliação de similaridade perceptual — a análise é baseada em diferenças de canais de pixels. Quando as imagens têm tamanhos diferentes, os pixels fora da área comum são marcados como alterados.
Se uma imagem tem canal alpha (transparência) e a outra não, isso pode gerar resultados inesperados. Para melhor precisão, use imagens do mesmo tamanho e formato, ajustando a tolerância conforme necessário para ignorar pequenas diferenças indesejadas.
Perguntas frequentes
Como o ajuste de tolerância afeta o resultado?
A tolerância define a diferença mínima dos canais de cor que será considerada relevante. Ao aumentar a tolerância, pequenas variações são ignoradas e apenas mudanças mais significativas aparecem como diferentes.
O que acontece com imagens de dimensões diferentes?
A comparação ocorre apenas na área sobreposta. Pixels fora dessa região são marcados como diferentes. Recomenda-se usar imagens do mesmo tamanho para resultados mais claros.
Posso comparar mais de duas imagens ao mesmo tempo?
Não. A ferramenta realiza apenas comparações pareadas, ou seja, entre dois arquivos por vez. Para múltiplas comparações, faça uma de cada vez.
Meus arquivos são enviados para algum servidor?
Não. Todo o processamento é feito localmente no navegador. Nenhuma imagem é enviada ou armazenada fora do seu dispositivo.
Quais modos de visualização estão disponíveis?
Você pode visualizar pixels alterados destacados, ver diferenças brutas nos canais, fazer transição suave (fade) entre as imagens ou deslizar para comparar partes específicas.
A ferramenta lida corretamente com imagens com transparência?
Imagens com canal alpha são suportadas, mas diferenças de transparência podem gerar resultados inesperados se apenas uma imagem possuir esse canal. O ideal é usar imagens com formatos similares.
Problema ou sugestão para esta ferramenta? Conte para nós