Utilia

Bilder vergleichen

Zwei Bilder nebeneinander, mit Vorher-nachher-Schieberegler, Überblendung oder Differenzkarte vergleichen, die geänderte Pixel zählt. Ohne Upload.

Ansicht
Zoom 100 %

So vergleichen Sie zwei Bilder

  1. Ziehen Sie das erste Bild auf Bild A (vorher) und das zweite auf Bild B (nachher) oder klicken Sie auf die jeweilige Fläche, um eine Datei auszuwählen. Akzeptiert werden JPG, PNG, WebP, GIF, BMP, SVG und jedes andere Format, das Ihr Browser öffnen kann.
  2. Wählen Sie eine Ansicht: Nebeneinander, Schieberegler, Überblendung oder Differenz.
  3. Sind die beiden Bilder nicht gleich groß, wählen Sie unter Bei unterschiedlicher Größe: B auf die Größe von A skalieren, Originalgröße, oben links ausgerichtet oder Originalgröße, zentriert.
  4. Zoomen Sie mit dem Mausrad, zwei Fingern, den Schaltflächen + und − oder den Tasten + und −, und ziehen Sie zum Verschieben. Alle Ansichten folgen demselben Zoom und derselben Position, sodass Sie immer dieselbe Stelle in beiden Bildern sehen. Einpassen zeigt wieder das ganze Bild.
  5. Stellen Sie in der Ansicht Differenz die Toleranz und das Differenzmaß ein und lesen Sie die Ergebnisse unter dem Bild ab. Differenz herunterladen (PNG) speichert die markierte Karte.

A und B tauschen vertauscht die beiden Bilder; Leeren beginnt von vorn.

Die vier Ansichten

  • Nebeneinander zeigt A links und B rechts, mit synchronem Zoom und Verschieben. So beurteilen Sie am einfachsten Gesamteindruck, Farbe und Schärfe.
  • Schieberegler legt die beiden Bilder übereinander und zeigt B rechts einer senkrechten Trennlinie. Ziehen Sie die Trennlinie auf dem Bild, klicken Sie an die gewünschte Stelle oder nutzen Sie den Regler Position des Schiebereglers (funktioniert auch mit den Pfeiltasten). Das ist die klassische Vorher-nachher-Ansicht für Retusche, Restaurierung, Hochskalierung oder Kompressionstests.
  • Überblendung legt B mit einstellbarer Deckkraft von B über A. Beim Schieben von 0 % auf 100 % springen Versätze, verschobene Elemente und bewegter Text sofort ins Auge.
  • Differenz färbt jedes geänderte Pixel leuchtend rot über einer blassen grauen Kopie von Bild A. Identische Bereiche treten in den Hintergrund, sodass selbst eine Änderung um ein einziges Pixel beim Hineinzoomen leicht zu finden ist. Bei starker Vergrößerung werden Pixel als scharfe Quadrate statt geglättet dargestellt.

So wird die Differenz gemessen

Jedes Pixel von A wird mit dem Pixel an derselben Stelle in B verglichen. Die Farben werden zuerst mit ihrer Deckkraft multipliziert, sodass zwei vollständig transparente Pixel als gleich gelten, auch wenn sich ihre verborgene Farbe unterscheidet.

  • Größte Kanaldifferenz nimmt den größten Abstand unter Rot, Grün, Blau und Alpha auf einer Skala von 0 bis 255. Ein Wert von 12 bedeutet, dass sich mindestens ein Kanal um 12 Stufen verändert hat.
  • Farbabstand (RGB + Alpha) ist der geradlinige (euklidische) Abstand zwischen den beiden Farben, geteilt durch 2, damit er ebenfalls von 0 bis 255 reicht. Er reagiert stärker auf Änderungen, die sich über mehrere Kanäle verteilen.

Ein Pixel gilt als geändert, wenn seine Differenz größer als die Toleranz ist. Bei 0 wird jede noch so kleine Änderung gemeldet – ideal, um zu prüfen, ob zwei Exporte wirklich identisch sind. Eine Toleranz von 5 bis 15 ignoriert das feine Rauschen der JPEG- oder WebP-Kompression und behält echte Bearbeitungen.

Die Ergebnisse zeigen beide Bildgrößen, den Verglichener Bereich, den Anteil geändert in Prozent, die Zahl der Geänderte Pixel, die Größte Differenz und den Geänderter Bereich: das kleinste Rechteck, das alle geänderten Pixel enthält, samt seiner oberen linken Ecke.

Bilder unterschiedlicher Größe

Mit B auf die Größe von A skalieren wird B exakt auf Breite und Höhe von A gestreckt – passend für eine verkleinerte oder neu komprimierte Kopie desselben Bildes. Mit den beiden Optionen Originalgröße behalten beide Bilder ihre eigenen Pixel in einer Fläche, die groß genug für beide ist; Bereiche, die nur ein Bild abdeckt, gelten als geändert. Bilder mit mehr als 4096 Pixeln an der längsten Seite werden in reduzierter Größe verglichen, und eine Meldung weist darauf hin.

Beide Dateien werden in Ihrem Browser gelesen und verglichen; sie werden nie hochgeladen.

Häufige Fragen

Wie prüfe ich, ob zwei Bilder exakt identisch sind?

Wählen Sie Differenz, stellen Sie die Toleranz auf 0 und nutzen Sie B auf die Größe von A skalieren nur, wenn die Größen bereits übereinstimmen. Meldet das Tool, dass die Bilder identisch sind, stimmt jedes Pixel überein.

Warum zeigt eine JPEG-Kopie Tausende geänderte Pixel?

Die JPEG- und WebP-Kompression verändert Farben überall ein wenig. Erhöhen Sie die Toleranz auf etwa 10, um dieses Rauschen auszublenden und nur sichtbare Änderungen zu behalten.

Kann ich Screenshots einer Website vor und nach einer Änderung vergleichen?

Ja. Das ist ein gängiger visueller Regressionstest: Laden Sie die beiden Screenshots, finden Sie mit Differenz die geänderten Bereiche und sehen Sie dann mit Schieberegler oder Überblendung, was sich verschoben hat.

Was sagt mir der geänderte Bereich?

Er ist das umschließende Rechteck aller geänderten Pixel, angegeben als Größe und Position seiner oberen linken Ecke. So finden Sie eine kleine Änderung in einem großen Bild schnell wieder.

Werden meine Bilder irgendwohin gesendet?

Nein. Alles läuft lokal in Ihrem Browser, nichts wird hochgeladen oder gespeichert.