Bilder-Vergleicher

Vergleicht zwei Bilder nebeneinander und hebt Unterschiede hervor. Ideal für die Erkennung von Änderungen in Screenshots, Design-Mockups oder anderem visuellen Inhalt. Lokale Verarbeitung, kein Bild wird übertragen.

Vergleichsmodi

Nebeneinander: beide Bilder werden nebeneinander angezeigt
Unterschiedskarte: unterschiedliche Pixel werden rot/pink hervorgehoben
Schieberegler: ziehen, um Unterschiede schrittweise aufzudecken

Anwendungsfälle

Design-Mockup und Implementierungs-Screenshot auf pixel-genaue Abweichungen vergleichen
Prüfen, ob eine CSS-Änderung nur den erwarteten Bereich betroffen hat
Visuelle Regressionen nach einem Update erkennen
Prüfen, ob ein Bild verändert wurde

Tipps für beste Ergebnisse

Bilder sollten die gleiche Auflösung für pixel-genauen Vergleich haben
PNG für Screenshots verwenden (JPEG erzeugt Kompressionsartefakte)
In die Unterschiedskarte hineinzoomen, um kleine Änderungen zu untersuchen