Erkenne UI-Aenderungen, Layoutverschiebungen und visuelle Regressionen zwischen Screenshots.
Das Bildvergleichstool hilft dabei, visuelle Aenderungen zwischen Screenshots, Design-Exporten, Produktfotos und anderen Bildressourcen zu pruefen.
Mit sechs Ansichten — nebeneinander, gestapelt, Schieberegler-Ueberlagerung, Pixel-Diff, Hervorhebung und Heatmap — unterstuetzt die Seite sowohl schnelle Sichtpruefungen als auch praezise Kontrollen auf Pixelebene.
Wechseln Sie zwischen nebeneinander, gestapelt und Schieberegler-Ueberlagerung fuer eine schnelle Sichtpruefung und dann zum Pixel-Diff, zur Hervorhebung oder Heatmap, um genau zu sehen, was sich geaendert hat.
Die Pixel-Diff- und Hervorhebungsansichten werden im Browser berechnet, sodass Sie Unterschiede quantifizieren und jede geaenderte Region finden koennen, ohne die Seite zu verlassen.
Passen Sie den Vergleich mit einem Empfindlichkeitsregler, einer Option zum Ignorieren von Kantenglaettung und Kanalpruefungen (Alle, Luma, R, G, B) an.
Eine Lupe und Scrollen zum Zoomen helfen bei der Detailpruefung, und Sie koennen die beiden Bilder jederzeit tauschen.
Die Seite unterstuetzt PNG-, JPG-, GIF-, WEBP- und SVG-Dateien.
Sechs Modi: nebeneinander, gestapelt, Schieberegler-Ueberlagerung, Pixel-Diff, Hervorhebung und Heatmap. Nutzen Sie Ueberlagerung oder Schieberegler fuer schnelle Checks und Pixel-Diff oder Hervorhebung fuer genaue Aenderungen.
Der Empfindlichkeitsregler steuert, wie streng Pixel verglichen werden, Ignorieren von Kantenglaettung ueberspringt Raender, und der Kanalwaehler erlaubt den Vergleich eines einzelnen Farbkanals (R, G, B) oder der Helligkeit.
Nein. Der gesamte Vergleich und die Bildverarbeitung erfolgen lokal in Ihrem Browser.