Drei Arten zu vergleichen
Der Schieberegler legt das zweite Bild über das erste und lässt dich es von links nach rechts aufdecken. So beurteilst du am klarsten eine Retusche, eine Farbkorrektur, eine Komprimierungsstufe oder ein hochskaliertes Foto.
Nebeneinander zeigt beide Bilder Seite an Seite, jedes in seinen eigenen Proportionen, praktisch wenn du jede Version vollständig sehen willst. Differenz vergleicht jedes Pixel und malt Änderungen in Gelb bis Rot auf eine blassgraue Kopie des ersten Bildes.
Zahlen für Design-Reviews und QA
Unter den Bildern bekommst du den Anteil der geänderten Pixel, ihre genaue Anzahl, die größte Abweichung auf einer Skala von 0 bis 100 und den Bereich, der alle Änderungen enthält, in Pixeln. Ein gestrichelter Rahmen markiert diesen Bereich im Differenzbild. Mit diesen Zahlen lassen sich visuelle Regressionstests von Screenshots, Bannern, Exporten und App-Bildschirmen schnell dokumentieren.
Der Schwellenwert blendet kleine Unterschiede aus. Bei 0 zählt jede winzige Änderung, auch das Rauschen der JPG-Komprimierung; etwa 5 bis 15 versteckt dieses Rauschen und lässt echte Änderungen wie verschobene Elemente, neuen Text oder eine andere Farbe sichtbar.
Bilder unterschiedlicher Größe
Hat das zweite Bild eine andere Größe, wird es auf die Größe des ersten skaliert, damit die Pixel übereinanderliegen. Ein Hinweis unter den Ergebnissen sagt dir, wann das passiert ist und auch, wann die Proportionen abweichen und das zweite Bild gestreckt werden musste. Für exakte Pixelprüfungen vergleichst du am besten Dateien mit denselben Maßen.
Tauschen ändert, welches Bild das erste ist. Das Differenzbild kannst du als PNG herunterladen und an einen Fehlerbericht oder ein Design-Review anhängen.