Confronto fra immagini
Image Diff
Confronta due immagini pixel per pixel ed evidenzia che cosa è cambiato, con un punteggio di differenza percepita.
Due schermate che dovrebbero essere identiche, e la domanda se lo siano. Il solo conteggio dei pixel cambiati non può rispondere — l'antialiasing cambia migliaia di pixel e non vuol dire niente — quindi qui accanto compaiono lo SSIM e il DSSIM, e ci sono quattro modi di guardare la differenza.
Trascina qui l’immagine “Prima”
Qualunque formato che il browser sappia decodificare.
Trascina qui l’immagine “Dopo”
Qualunque formato che il browser sappia decodificare.
Come si usa
Trascinare il prima e il dopo
Le dimensioni possono anche essere diverse: tutte e due vengono estese con trasparenza fino alla loro unione, così la parte in comune viene confrontata come si deve e quella che non si sovrappone compare come differenza, che è quello che è.
Impostare la tolleranza
Si misura in YIQ, quindi una variazione di luminanza pesa circa 2,5 volte una variazione di tinta della stessa entità, che è l'ordine in cui le mette l'occhio. A 0, un solo valore diverso in un punto qualsiasi è una bocciatura.
Leggere insieme i due tipi di numero
Il 2% dei pixel cambiati con SSIM 0,999 è antialiasing. Il 2% con SSIM 0,94 è qualcosa che si è mosso.
Per gli scarti piccoli usare la tendina
Mette le due versioni nella stessa posizione sulla retina, che è l'unico modo perché uno scarto sotto il pixel diventi visibile: attraverso il salto dello sguardo richiesto da un confronto affiancato l'occhio non porta tutto quel dettaglio.
Domande frequenti
Qual è uno SSIM buono?
Sopra lo 0,99 circa le due immagini sono la stessa fotografia con in mezzo del rumore di disegno. Sotto lo 0,95 qualcosa è davvero diverso. Non esiste una soglia universale: conviene confrontare con una coppia sana della propria catena di lavoro.
Perché il DSSIM è diverso dallo SSIM?
Il DSSIM fa lo stesso confronto strutturale in L*a*b* su cinque scale, quindi una variazione di solo colore conta e una differenza a un livello di ingrandimento non si nasconde dietro un altro. Dove i due non concordano, il cambiamento è di colore e non di struttura.
Si può usare per i test di regressione visiva?
Per guardare un fallimento sì, ed è a questo che servono le quattro viste. Per far girare il confronto nella CI conviene avere la stessa aritmetica dentro il proprio test runner invece che in una scheda del browser.
Può ricevere da
Confrontare due PDF
PDF Compare
Confronta due PDF sia come testo sia come pixel disegnati, elencando inserimenti, cancellazioni e spostamenti.
Comprimere PNG
PNG Compressor
Riduce la tavolozza e riscrive il flusso deflate per far dimagrire un PNG senza cambiarne le dimensioni in pixel.
Comprimere JPEG
JPEG Compressor
Ricodifica un JPEG alla qualità che scegli, mostrando dal vivo il peso prima e dopo e la vista delle differenze.
Convertitore WebP
WebP Converter
Converte le immagini in WebP e viceversa, con cursore della qualità e modalità senza perdita.
Dopo
Questi accettano ciò che produce questo strumento, così il risultato può passare direttamente.
Ritagliare le immagini
Image Cropper
Ritaglia a mano libera o a proporzioni fisse e sa togliere da sola i bordi di colore uniforme o trasparenti.
Confrontare due PDF
PDF Compare
Confronta due PDF sia come testo sia come pixel disegnati, elencando inserimenti, cancellazioni e spostamenti.
Comprimere PNG
PNG Compressor
Riduce la tavolozza e riscrive il flusso deflate per far dimagrire un PNG senza cambiarne le dimensioni in pixel.
Togliere lo sfondo
Background Remover
Elimina uno sfondo piatto o di un colore solo lavorando in OKLab e restituisce un PNG trasparente, con un pennello per rifinire i bordi.
Togliere i dati EXIF
EXIF Remover
Elimina dalle foto i metadati di fotocamera, GPS e modifica, lasciando i pixel intatti.
Generatore di favicon
Favicon Generator
Produce l’intero corredo di favicon — ICO, PNG, icona per Apple touch, manifesto web — più l’HTML da incollare.