Wählen Sie beide Bilder, die Vergleichsfläche und den Schwellenwert. Das Ergebnis beschreibt die beiden Bilder auf dieser Fläche, die skaliert sein kann — kein Byte-für-Byte-Vergleich der Dateien.
Läuft lokal in deinem BrowserDer Prüfer zeichnet beide Bilder auf eine Fläche, geht jeden Pixel durch und malt die Pixel, die stärker abweichen als der Schwellenwert, in eine Differenzkarte. Der Vergleich läuft im Canvas-Speicher der Seite: Kein Bild wird hochgeladen, und die Seite arbeitet auch offline weiter.
Die Fläche ist nicht die Datei. Beide Bilder werden vor dem ersten verglichenen Pixel auf eine gemeinsame Größe gestreckt; das Ergebnis beschreibt also, wie die Bilder in dieser Größe aussehen — nicht, ob ihre Bytes identisch sind.
Rot, Grün, Blau und Alpha werden pro Pixel getrennt verglichen, und die größte der vier Abweichungen entscheidet. Sie muss den Schwellenwert echt überschreiten: Bei den voreingestellten 24 wird ein einzelner Pixel mit +10 im Rotkanal ignoriert (0 geänderte Pixel), dasselbe Paar meldet bei Schwellenwert 5 genau 1 geänderten Pixel von 64 (1,56 %).
Alpha gehört zum Vergleich, nicht nur die Farbe. Zwei 4 × 4 große Quadrate in derselben Farbe mit einer Stufe Unterschied in der Deckkraft ergaben bei Schwellenwert 0 alle 16 von 16 Pixeln als geändert.
Die mittlere Abweichung ist der Mittelwert der vier Kanaldifferenzen über die gesamte Fläche und bleibt daher klein, wenn nur eine kleine Stelle abweicht: Ein einzelner Pixel mit einer Stufe auf einer Fläche mit 64 Pixeln rundet auf 0,00 / 255, obwohl bei Geänderte Pixel 1 steht.
An erstes Bild anpassen vergleicht in Breite und Höhe des ersten Bildes, An zweites Bild anpassen im zweiten, und Größte Abmessungen nimmt die größere Breite und die größere Höhe. Beide Bilder werden auf diese Fläche gestreckt: Ein Paar aus 4 × 8 und 8 × 4 wurde mit Größte Abmessungen als 8 × 8 verglichen.
Die Fläche ist auf 4096 Pixel an der längsten Seite und 16.000.000 Pixel insgesamt begrenzt; ein Paar aus 5000 × 100 wurde als 4096 × 82 verglichen. Der Messwert Abmessungen nennt immer die tatsächlich verglichene Fläche, nicht die Größe der beiden Dateien.
In der Differenzkarte stehen geänderte Pixel als kräftiges Rosa über einer abgedunkelten Graustufenkopie des ersten Bildes — deshalb sieht die Vorschau weiterhin aus wie das Bild, das Sie vergleichen.
Nichts. Beide Bilder werden vom Bildlader des Browsers dekodiert und im Canvas-Speicher verglichen; das Differenz-PNG entsteht in der Fläche selbst, bevor es in den Download-Dialog geht. Ein Messlauf mit Netzwerkprotokoll sah keine einzige Anfrage, während Dateien hinzugefügt, verglichen, heruntergeladen und geleert wurden.
Die Zahlen beschreiben genau eine Fläche: Ändern sich Schwellenwert, Flächenwahl oder Reihenfolge der Dateien, ändert sich das Ergebnis, und jeder neue Lauf ersetzt den vorigen. Leeren setzt Liste, die vier Messwerte und die drei Vorschauen zurück und nimmt das fertige PNG aus dem Download-Knopf.