Comparador d'imatges

Com comparar dues imatges

1. Deixa anar la primera imatge a Imatge A (abans) i la segona a Imatge B (després), o fes clic a cada zona per triar un fitxer. S’accepten JPG, PNG, WebP, GIF, BMP, SVG i qualsevol altre format que el teu navegador pugui obrir.
2. Tria una Vista: Una al costat de l’altra, Control lliscant, Pell de ceba o Diferència.
3. Si les dues imatges no tenen la mateixa mida, tria què passa a Quan les mides són diferents: Escala B a la mida d’A, Mida original, alineades dalt a l’esquerra o Mida original, centrades.
4. Fes zoom amb la roda del ratolí, un pessic de dos dits, els botons + i − o les tecles + i −, i arrossega per desplaçar-te. Tots els panells segueixen el mateix zoom i la mateixa posició, de manera que sempre mires el mateix punt a totes dues imatges. Ajusta a la vista torna a mostrar la imatge sencera.
5. A la vista Diferència, defineix la Tolerància i la Mesura de la diferència, i després llegeix els resultats sota la imatge. Baixa la diferència (PNG) desa el mapa ressaltat.

Intercanvia A i B intercanvia les dues imatges; Esborra ho torna a començar.

Les quatre vistes

• Una al costat de l’altra mostra A a l’esquerra i B a la dreta, amb zoom i desplaçament sincronitzats. És la manera més fàcil de jutjar l’aspecte general, el color i la nitidesa.
• Control lliscant apila les dues imatges i mostra B a la dreta d’una línia divisòria vertical. Arrossega la línia sobre la imatge, fes clic on la vulguis o fes servir el control Posició del control lliscant (també funciona amb les tecles de fletxa). És la vista clàssica d’abans i després per a retocs, restauració, ampliacions o proves de compressió.
• Pell de ceba posa B sobre A amb una Opacitat de B ajustable. Si la mous del 0 % al 100 %, els desalineaments, els elements desplaçats i el text mogut ressalten de seguida.
• Diferència pinta de vermell viu cada píxel que ha canviat sobre una còpia gris esvaïda de la imatge A. Les zones idèntiques es dilueixen al fons, de manera que fins i tot un canvi d’un sol píxel és fàcil de veure quan hi fas zoom. Si amplies prou, els píxels es mostren com a quadrats nítids en lloc de suavitzats.

Com es mesura la diferència

Cada píxel d’A es compara amb el píxel del mateix lloc de B. Els colors es multipliquen primer per la seva opacitat, de manera que dos píxels totalment transparents es consideren iguals encara que el seu color amagat sigui diferent.

• La Diferència màxima d’un canal pren la diferència més gran entre vermell, verd, blau i alfa, en una escala de 0 a 255. Un valor de 12 vol dir que almenys un canal s’ha desplaçat 12 nivells.
• La Distància de color (RGB + alfa) és la distància en línia recta (euclidiana) entre els dos colors, dividida per 2 perquè també vagi de 0 a 255. Reacciona més als canvis repartits en diversos canals.

Un píxel es considera canviat quan la seva diferència és més gran que la Tolerància. Amb 0 s’informa de qualsevol canvi, cosa ideal per comprovar que dues exportacions són realment idèntiques. Una tolerància de 5 a 15 ignora el soroll minúscul que afegeix la compressió JPEG o WebP i conserva les edicions reals.

Els resultats mostren les mides de les dues imatges, l’Àrea comparada, la Part canviada com a percentatge, el nombre de Píxels canviats, la Diferència màxima trobada i la Regió canviada: el rectangle més petit que conté tots els píxels canviats, amb la seva cantonada superior esquerra.

Imatges de mides diferents

Amb Escala B a la mida d’A, B s’estira exactament a l’amplada i l’alçada d’A, cosa que va bé per a una còpia redimensionada o recomprimida de la mateixa imatge. Amb les dues opcions de Mida original, totes dues imatges conserven els seus propis píxels en una àrea prou gran per a les dues; les parts cobertes per una sola imatge es compten com a canviades. Les imatges de més de 4096 píxels al costat més llarg es comparen a una mida reduïda, i un missatge t’ho indica.

Tots dos fitxers es llegeixen i es comparen al teu navegador; no es pugen mai.