Use Comparar Imagens para inspecionar um par de antes e depois com Deslizar, Lado a lado, Sobreposição ou um mapa de calor de Diferenças. Alinhe a segunda imagem, inspecione ambas com zoom sincronizado e exporte a vista de que necessita. Este exemplo compara duas revisões de design com estatísticas de píxeis exatas. Abrir Comparar Imagens.
Carregue duas versões numa ordem consistente
Abra Comparar Imagens e escolha dois ficheiros, ou abra o exemplo para carregar as duas revisões de design de exemplo. A é a primeira imagem e B é a segunda.
A primeira imagem determina o quadro de comparação. Para o exemplo, ambas as fontes têm 1200 × 850 píxeis, pelo que Píxeis originais · centrados com 100% de escala da segunda imagem e deslocamentos zero compara posições correspondentes sem redimensionar.
As entradas podem ser JPG, PNG, WebP, GIF ou BMP, até 25 MB cada. A ferramenta aceita exatamente duas imagens para uma comparação. As entradas animadas usam o seu primeiro fotograma estático.
Para uma comparação de exportação justa, use o mesmo recorte e dimensões sempre que possível. Uma imagem deslocada pode produzir uma grande diferença de píxeis mesmo quando o seu conteúdo permanece inalterado.
Inspecione o par com a vista correta
Deslizar começa com um divisor sobre as imagens. Arraste-o com 100% de zoom do visualizador ou use Revelar / sobreposição para mover o limite. As revisões do exemplo alteram um título, um botão e pequenos detalhes da ilustração.
Lado a lado mostra ambos os quadros alinhados completos um ao lado do outro. Sobreposição mistura-os, o que pode tornar fácil detetar uma margem deslocada. Diferença mostra um mapa de calor de intensidade em vez das cores de origem.
O zoom do visualizador varia de 100% a 400%; arraste a vista ampliada para deslocar. Ambas as imagens movem-se juntas. O zoom afeta apenas a inspeção, pelo que a comparação guardada ainda inclui o quadro completo.
Use Deslizar para uma revisão de design, Sobreposição para alinhamento e Diferença para pequenas alterações de píxeis.
O exemplo neste guia
Duas revisões de design 1200 × 850 PNG; Pixéis originais · centrados; escala da segunda imagem 100%; deslocamentos X/Y zero; Tolerância de diferença 0%; Vista de diferença; exportação PNG.
- Grelha comparada
- 1200 × 850 / 1,020,000 pixéis
- Pixéis alterados
- 35,683 / aproximadamente 3.50%
- Diferença média RGB
- Aproximadamente 1.08%
- Saída
- Mapa de calor 1200 × 850 PNG
Alinhe e interprete as medições
Quando os tamanhos diferem, o alinhamento da segunda imagem oferece Píxeis originais · centrados, Ajustar dentro da primeira imagem e Preencher quadro da primeira imagem. Use a escala e os deslocamentos de píxeis para um ajuste mais preciso. O conteúdo fora do quadro da primeira imagem é excluído.
Para este par, mantenha as predefinições de píxeis originais e a tolerância de Diferença em 0%. O resultado medido real contém 35,683 píxeis alterados de 1,020,000, aproximadamente 3.50%. A diferença média RGB é de aproximadamente 1.08%.
A quota de píxeis alterados conta os píxeis cuja maior diferença de canal RGB excede a tolerância. A diferença média RGB mede a alteração média absoluta do canal em todos os píxeis comparados e não desaparece quando aumenta a tolerância.
A transparência é composta sobre branco. Uma grelha maior do que 16 megapixéis ou 8192 pixéis por lado é reduzida e explicitamente rotulada como reamostrada. O dimensionamento de uma fonte também cria medições reamostradas. Estes números são comparações de pixéis, não pontuações de qualidade percetiva.
A compressão JPEG pode alterar muitos valores subtis de pixéis. Uma tolerância pode suprimir essas pequenas alterações, mas não consegue determinar se uma revisão de design é melhor.
Exporte uma única imagem de comparação
Selecione Diferença, escolha PNG e selecione Iniciar para o exemplo. Transferir guarda o mapa de calor real de 1200 × 850 mostrado na comparação acima.
O painel Antes contém ambos os designs de origem lado a lado; é uma folha de contacto feita para este artigo. O painel Depois é o mapa de calor genuíno exportado. As áreas escuras indicam que não houve alteração acima do limiar zero; as áreas coloridas mostram diferenças.
Outros modos de visualização exportam a sua composição correspondente. Lado a lado duplica a largura da grelha, enquanto Deslizar e Sobrepor permanecem num único fotograma. A grelha de exportação está limitada a 16 megapixéis, permitindo um resultado de dois painéis até 32 megapixéis.
Mantenha ambas as imagens originais para trabalho posterior. O resultado é uma comparação PNG ou JPG achatada em vez de um projeto editável, e o zoom do visualizador não corta o resultado exportado.
Se precisar de uma verificação exata da identidade do ficheiro, a comparação de pixéis não é suficiente: os metadados, a codificação e os pixéis fora do fotograma medido podem diferir.
Questões comuns
Uma alteração de 0% significa que os ficheiros são idênticos?
Significa que os píxeis alinhados medidos não excedem a sua tolerância. Os ficheiros ainda podem diferir em metadados, codificação, valores de RGB transparente ou conteúdo fora da moldura medida. Utilize tolerância zero para detetar cada diferença de RGB representada.
Posso comparar imagens com tamanhos diferentes?
Sim. Escolha como a segunda imagem se ajusta à primeira moldura e ajuste a sua escala ou deslocamento. A interface etiqueta as medições reamostradas e tudo o que estiver fora da primeira moldura é excluído.
Porque é que um JPEG mostra alterações quando parece igual?
A codificação com perdas pode alterar pequenos valores de píxeis em toda a imagem. Aumente a tolerância de diferença para excluir pequenas diferenças de canal, lembrando que a diferença média de RGB continua a reportar todas as diferenças medidas.
A exportação inclui o meu recorte com zoom?
Não. O zoom e a deslocação do visualizador servem apenas para inspeção. A descarga utiliza a moldura de comparação completa na vista selecionada.
As diferenças de imagem são calculadas com IA?
Não. A ferramenta calcula diferenças absolutas de píxeis RGB no seu navegador. Não utiliza reconhecimento semântico nem reivindica uma pontuação de semelhança percetiva.
Posso exportar a comparação lado a lado?
Sim. Escolha Side by side antes de Start. Exporta ambas as molduras alinhadas para uma imagem PNG ou JPG, com o dobro da largura da grelha de comparação. O zoom do visualizador não a corta.
Obtenha o seu próprio resultado cuidadosamente verificado
Experimente um exemplo ou utilize o seu próprio ficheiro e reveja o resultado antes de partilhar.
