Come utilizzare un controllo differenze immagine

Utilizza lo screenshot originale, precedente o l'esportazione di riferimento come immagine di base. Una linea di base chiara rende più facile individuare le modifiche al conteggio dei pixel.

Utilizza il nuovo screenshot, la foto modificata, l'immagine ottimizzata o la variante esportata come immagine modificata. Le dimensioni non corrispondenti richiedono un controllo dell'allineamento prima della revisione della metrica.

Evidenzia differenze contrassegna le aree modificate e riempie le schede delle metriche. Le visualizzazioni con cursore, affiancata e sovrapposta verificano il risultato evidenziato nel contesto visivo.

Le soglie inferiori rilevano sottili cambiamenti. Soglie più alte ignorano il rumore di compressione, i piccoli cambiamenti di illuminazione e l'anti-aliasing. Aggiorna la differenza dopo aver modificato la soglia.

Controlli rigorosi dell'interfaccia utente

Prova 8 per piccole modifiche allo screenshot che dovrebbero essere catturate chiaramente.

• L'etichetta di un pulsante è cambiata da Salva ad Applica.

• Un'icona si è spostata leggermente, un bordo sottile è scomparso o la spaziatura del testo è cambiata.

Questo valore può anche rilevare piccoli disturbi di rendering attorno al testo e ai bordi.

Bel dettaglio fotografico

Prova 18 per modifiche alle immagini visibili solo dopo uno sguardo più attento.

• L'ombra di un prodotto è diventata più morbida, un ritocco del viso ha rimosso un piccolo segno o la trama del tessuto è cambiata.

• Una foto sembra quasi la stessa, ma è stata modificata una luce, un riflesso o una patch di colore.

Buono per una revisione attenta.

Default equilibrato

Inizia con 32 per la maggior parte dei confronti.

• Uno screenshot della pagina di destinazione contiene sia testo che foto.

• Un'immagine del prodotto è stata nuovamente esportata oppure un'anteprima da un altro strumento necessita di un controllo rapido.

Imposta valori più bassi per controlli più severi e più alti per file più rumorosi.

Grandi cambiamenti visibili

Prova 64 per concentrarti sui cambiamenti evidenti.

• È stato sostituito uno sfondo, spostato un oggetto, modificato un ritaglio o è apparso un forte cambiamento di colore.

• Un'esportazione JPEG o WebP presenta un leggero rumore, ma la revisione si preoccupa solo dei cambiamenti che le persone notano velocemente.

Il testo piccolo, le icone sottili e i bordi sottili potrebbero non risaltare più.

Il numero di pixel di tela comparabili sopra la soglia corrente. Il valore dipende fortemente dalla soglia e dall'allineamento.

Pixel modificati divisi per tutti i pixel comparabili. Aiuta a confrontare due sequenze con dimensioni di immagine o aree di ritaglio diverse.

La differenza media assoluta del canale RGB. Qui possono essere visualizzati ampi cambiamenti di colore o luminosità anche con una piccola percentuale di area modificata.

Errore RGB medio quadrato. Differenze locali più ampie influenzano l’RMSE in modo più forte rispetto a piccole differenze sparse.

Rapporto segnale/rumore di picco. Un PSNR più alto solitamente significa che le immagini sono più vicine nel segnale RGB; un PSNR inferiore significa un errore più visibile o misurabile.

Uno spostamento di 1 px può illuminare molte aree, anche se l'immagine sembra quasi identica. Apri Sovrapposizione e controlla se i bordi principali sono allineati.

Diverse larghezze o altezze rendono il confronto meno diretto. Utilizza le visualizzazioni visive per trovare la modifica visibile, quindi ritaglia o esporta le dimensioni corrispondenti per ottenere parametri più chiari.

Le esportazioni JPEG e WebP spesso aggiungono piccole macchioline sui colori uniformi e sui bordi. Aumenta la soglia se la revisione riguarda modifiche visibili.

I caratteri, le icone e i bordi vettoriali possono posizionarsi su pixel leggermente diversi dopo una modifica del browser, del carattere o dell'esportazione. Utilizza una soglia bassa per il QA degli screenshot, quindi conferma a occhio l'area evidenziata.