Wie funktioniert der Bildvergleich?
Mit diesem Tool kannst du zwei Bilder direkt im Browser laden und miteinander vergleichen. Es werden keinerlei Daten an einen Server übertragen; die Analyse erfolgt clientseitig per JavaScript. Die Pixel in der überlappenden Fläche beider Bilder werden einzeln geprüft, Unterschiede werden je nach gewählter Visualisierung deutlich hervorgehoben.
Du kannst verschiedene Ansichtsmodi nutzen: geänderte Pixel werden farblich markiert, die Rohdifferenz einzelner Farbkanäle wird angezeigt oder die Bilder lassen sich überblenden und per Swipe vergleichen. So erhältst du eine detaillierte Übersicht darüber, wo sich die Bilder unterscheiden.
Präzision und Toleranz: Was wird erkannt?
Das Tool erlaubt die Einstellung einer Toleranzschwelle, wodurch geringfügige Unterschiede – etwa durch Kompressionsartefakte – automatisch ausgeblendet werden können. Bei niedrigem Toleranzwert werden selbst kleinste Pixelabweichungen erkannt, während bei höherem Wert nur markante Unterschiede angezeigt werden.
Zu beachten: Die Analyse erfolgt rein technisch anhand der Farbkanäle. Perzeptuelle Ähnlichkeit, wie sie das menschliche Auge wahrnimmt, wird nicht berücksichtigt. So können selbst winzige Unterschiede sichtbar gemacht werden, die im Alltag kaum auffallen.
Welcher Bildbereich wird verglichen?
Verglichen wird ausschließlich die überlappende Fläche der beiden Bilder. Sind die Abmessungen unterschiedlich, werden alle nicht überlappenden Pixel automatisch als 'geändert' markiert. Eine Skalierung findet nicht statt, sodass die Ergebnisse besonders für pixelgenaue Tests von UI-Screenshots oder Assets relevant sind.
Bei Bildern mit Alpha-Kanal (Transparenz) kann es zu Abweichungen kommen, falls nur eines der Bilder transparent ist. Dies sollte bei der Auswahl der Vergleichsbilder beachtet werden, um unerwartete Resultate zu vermeiden.
Häufig gestellte Fragen
Wie beeinflusst die Toleranz-Einstellung die sichtbaren Unterschiede?
Mit der Toleranz kannst du steuern, ab welchem Schwellenwert Pixel als unterschiedlich gelten. Niedrige Werte zeigen selbst minimale Abweichungen, höhere Werte filtern kleine Veränderungen wie Kompressionsartefakte heraus.
Was passiert bei Bildern mit unterschiedlichen Größen?
Nur die gemeinsame Fläche wird pixelweise verglichen. Bereiche außerhalb der überlappenden Zone werden als Unterschied markiert, da dort kein Vergleich möglich ist.
Kann ich mehr als zwei Bilder gleichzeitig vergleichen?
Nein, der Vergleich erfolgt immer paarweise zwischen zwei Bildern. Für mehrere Vergleiche musst du die gewünschten Bildpaare nacheinander analysieren.
Werden meine Bilder auf einen Server hochgeladen?
Nein, sämtliche Bilddaten bleiben lokal im Browser. Es erfolgt keinerlei Upload oder Speicherung auf externen Servern – maximale Datenschutzgarantie.
Welche Visualisierungsmodi stehen zur Verfügung?
Du kannst geänderte Pixel hervorheben lassen, die Rohdifferenz der Farbkanäle anzeigen, zwischen den Bildern verblenden oder sie per Swipe nebeneinander darstellen. So erhältst du je nach Bedarf verschiedene Ansichten.
Werden Alpha-Kanäle korrekt berücksichtigt?
Unterschiede im Alpha-Kanal werden erkannt. Ist beispielsweise ein Bild transparent und das andere nicht, wird dies als Unterschied gewertet und kann das Ergebnis beeinflussen.
Probleme oder Ideen zu diesem Werkzeug? Mitteilung senden