Diff dei pixel nel browser

Controllo delle differenze tra immagini, Risultati della differenza di pixel.

Questo controllo delle differenze tra immagini evidenzia le differenze visive, regola la soglia e mostra pixel modificati, delta RGB medio, RMSE e PSNR con calcolo locale.

Diff dei pixel locale

Strumento diff dei pixel

Usa un esempio reale o il tuo file PNG, JPG, JPEG, WebP. I punteggi dei pixel vengono aggiornati solo dopo il diff locale.

Le immagini rimangono in questa sessione del browserPNG, JPG, JPEG, WebPLe metriche dei pixel si aggiornano dopo le differenze evidenziate

Corrispondenza pixel

Esegui diff localeDiff locale richiesto

Pixel modificati

Esegui diff localeDiff locale richiesto

RMSE

Esegui diff localeDiff locale richiesto

Caso di diff 3 / 4

Ritocco del ritratto

Cambiamenti della pelle, del tono e dei dettagli del viso.

Diff evidenziato

Esegui un confronto locale dei pixel per creare l’anteprima delle differenze.

18

Valori bassi rilevano cambiamenti sottili; valori alti ignorano rumore di compressione, piccoli cambi di luce e antialiasing. Un pixel conta come modificato quando il massimo delta del canale RGBA è maggiore di questo valore.

Punteggi dei pixel in attesa

Analizza differenze

Esegui il diff locale nel browser per compilare risultati e schede laterali.

Cambiamenti visivi

Esegui diff localeDiff locale richiesto

Differenza media RGB

Esegui diff localeDiff locale richiesto

PSNR

Esegui diff localeDiff locale richiesto
1

Aggiungi immagini

Sostituisci uno dei due lati, quindi esegui il diff locale per ottenere risultati misurati.

Scegli o trascina un file PNG, JPG, JPEG o WebP per Immagine di base.

A

Baseline / prima

Anteprima di Immagine di base

portrait-before.webp

960 x 720px - 42 KB

Scegli o trascina un file PNG, JPG, JPEG o WebP per Immagine modificata.

B

Modificato/dopo

Anteprima di Immagine modificata

portrait-after.webp

960 x 720px - 44 KB
2

Modalità del controllo differenze

Differenze evidenziate è la vista principale; cursore, affiancamento e sovrapposizione aiutano a verificare il contesto.

3

Risultati del controllo differenze

Usa Esegui diff locale vicino al visualizzatore per i punteggi locali dei pixel. Il calcolo resta in questo browser.

01

Trova i pixel modificati

Il controllo delle differenze tra immagini segna in rosso dove il test dei pixel con soglia rileva cambiamenti visibili.

02

Regola la soglia

Usa 8 per controlli esatti dell'interfaccia utente, 18 per i dettagli delle foto, 32 per il bilanciamento, 64 per modifiche importanti.

03

Leggere le metriche di errore

Leggi percentuale di pixel modificati, delta RGB medio, RMSE e PSNR per spiegare la differenza visiva.

Metriche di diff

Metriche del controllo delle differenze tra immagini

Lo strumento separa la revisione visiva dai risultati calcolati. I dettagli del file vengono visualizzati dopo la selezione; le metriche dei pixel si aggiornano dopo il diff locale.

01

Pixel modificati

Conta i pixel in cui il delta del canale più forte è maggiore della soglia corrente.

02

Percentuale di differenza

Mostra i pixel modificati come quota di tutti i pixel comparabili nell'area di disegno normalizzata.

03

RMSE e PSNR

Riepiloga l'errore RGB: un RMSE più basso e un PSNR più alto indicano immagini visivamente più vicine.

Metodo

Come calcola il controllo delle differenze tra immagini

Lo strumento decodifica localmente i due file, li disegna su una tela normalizzata condivisa e poi confronta canale per canale. La soglia controlla quali pixel vengono considerati modificati.

Modifica dei pixel con soglia

Un pixel cambia quando il delta più grande del canale rosso, verde, blu o alfa è maggiore della soglia selezionata.

Tela comparabile

Le immagini con dimensioni diverse sono centrate su una tela. I file di grandi dimensioni possono essere ridimensionati per mantenere il browser reattivo e il pannello dei risultati riporta la scala.

Metriche di errore leggibili

Il delta RGB medio, RMSE e PSNR forniscono una visione più tecnica delle stesse differenze RGB locali mostrate dall'anteprima evidenziata.

Casi d'uso

Dove aiuta un controllo visivo delle differenze

Usa lo stesso flusso locale per attività pratiche in cui è necessario trovare rapidamente modifiche visibili.

01

Controlli di regressione dello screenshot

Individua modifiche negli screenshot dell'interfaccia utente consentendo una piccola tolleranza di soglia per le differenze di rendering.

02

Revisione foto e ritocco prodotto

Conferma dove sono cambiati colore, pulizia, ombre o ritocco tra due esportazioni.

03

Revisione della compressione e dell'esportazione

Confronta le esportazioni JPEG, PNG o WebP per vedere le modifiche visibili dei pixel dopo l'ottimizzazione.

04

Confronto delle varianti generate dall'intelligenza artificiale

Confronta visivamente due varianti di immagine generate dall'intelligenza artificiale con le misurazioni dei pixel locali.

05

Recensione di foto di ritratti e volti

Confronta visivamente le foto di ritratti o volti per modifiche di ritocco, espressione, ritaglio o illuminazione.

Domande frequenti

Domande sul controllo delle differenze tra immagini

Le risposte corrispondono allo strumento visibile: anteprime locali, test dei pixel con soglia e nessun invio al server.

Quale soglia usare?

Inizia con 18. Usa 8 per screenshot rigorosi dell'interfaccia utente, 18 per i dettagli delle foto, 32 per una revisione equilibrata e 64 per grandi modifiche visibili.

Come faccio a sapere se le immagini sono state caricate?

Se le immagini compaiono negli spazi di caricamento, di solito sono state caricate correttamente. File molto grandi possono richiedere più tempo e rallentare il confronto.

Posso confrontare le immagini generate dall'intelligenza artificiale?

Sì. Puoi confrontare le varianti generate dall'intelligenza artificiale come due immagini selezionate; i risultati sono misurazioni di pixel locali.

Posso usarlo per il confronto dei volti?

Puoi confrontare visivamente le foto di ritratti o volti. Lo strumento non verifica l'identità né esegue il riconoscimento biometrico.