Bilder vergleichen
Füge ein Vorher- und ein Nachher-Bild hinzu. Vergleiche sie per Schieberegler, nebeneinander, überblendet oder lass dir in der Ansicht „Unterschiede“ jedes geänderte Pixel markieren. Deine Bilder bleiben in deinem Browser.
Lege zwei Bilder auf einmal ab oder füge sie ein, um beide Seiten zu füllen.
Die Bilder bleiben auf deinem Gerät.
So vergleichst du zwei Bilder
- Klicke unter „Vorher“ und „Nachher“ jeweils auf „Bild auswählen“. Wenn du zwei Bilder auf einmal ablegst oder einfügst, werden beide Seiten gefüllt. PNG, JPG, WebP und HEIC werden unterstützt.
- Wähle eine Ansicht: „Schieberegler“, „Nebeneinander“, „Überblenden“ oder „Unterschiede“. Beim Schieberegler ziehst du die Linie über das Bild oder verschiebst sie mit den Pfeiltasten.
- Sind die Bilder unterschiedlich groß, wähle „Breite angleichen“ oder „Originalgröße“. Beim Überblenden stellst du die Deckkraft des Nachher-Bilds ein, bei „Unterschiede“ die Toleranz, damit kleine Farbabweichungen nicht zählen.
- Mit „PNG herunterladen“ speicherst du die aktuelle Ansicht als ein Bild. „Tauschen“ vertauscht die beiden Seiten, „Neu beginnen“ entfernt beide Bilder.
Welche Ansicht zeigt Änderungen am besten?
Mit dem Schieberegler zeigst du einen Vorher-Nachher-Screenshot auf die klassische Art: Links von der Linie liegt das Vorher-Bild, rechts das Nachher-Bild. Ziehst du die Linie hin und her, fallen verschobene Elemente, Zuschnitte und Farbänderungen sofort auf. Beim Überblenden liegt das Nachher-Bild über dem Vorher-Bild, sodass alles, was sich verschoben hat, doppelt erscheint.
Die Ansicht „Unterschiede“ übernimmt die Suche für dich. Sie prüft jedes Pixel, markiert geänderte Pixel rot auf einer hellgrauen Kopie des Bilds und zeigt, wie viele Pixel sich geändert haben und in welchem kleinsten Bereich alle Änderungen liegen. Ein pixelgenauer Screenshot-Vergleich findet auch ein verrutschtes Icon oder ein einzelnes geändertes Wort, das man mit bloßem Auge leicht übersieht.
Zwei JPG-Dateien stimmen selten exakt überein, selbst wenn sie dasselbe zeigen, denn verlustbehaftete Komprimierung verändert die Farben bei jedem Speichern ein wenig. Die voreingestellte Toleranz von 10 % ignoriert dieses Rauschen. Bei 0 % zählt jedes abweichende Pixel, bei bis zu 50 % bleiben nur deutliche Änderungen übrig.
Entwicklungsteams automatisieren dieselbe Prüfung mit visuellen Regressionstests und vergleichen vor jedem Release neue Screenshots mit freigegebenen. Für eine einmalige Prüfung reichen zwei Screenshots und diese Seite. Sind zwei Aufnahmen nicht deckungsgleich, zeigt dir das Tool zum Prüfen der Screenshot-Auflösung die Pixelgröße und den Retina-Faktor jeder Datei.
Häufige Fragen
Ist dieses Tool zum Bildervergleich kostenlos?
Ja. Du brauchst kein Konto, es gibt kein Wasserzeichen, und du kannst so viele Bildpaare vergleichen, wie du willst.
Werden meine Bilder hochgeladen?
Nein. Dein Browser lädt beide Bilder und vergleicht sie auf deinem Gerät. Nichts wird an einen Server gesendet, und wenn du den Tab schließt, sind die Bilder weg.
Kann ich Bilder mit unterschiedlicher Größe vergleichen?
Ja. „Breite angleichen“ skaliert das Nachher-Bild auf die Breite des Vorher-Bilds, sodass ein Retina-Screenshot deckungsgleich über einem normalen liegt. „Originalgröße“ belässt beide Bilder in ihrer eigenen Pixelgröße und richtet sie an der oberen linken Ecke aus. In der Ansicht „Unterschiede“ zählen Bereiche, die nur ein Bild abdeckt, als geändert.
Wie erkennt die Ansicht „Unterschiede“, was sich geändert hat?
Sie vergleicht für jedes Pixelpaar die Rot-, Grün- und Blauwerte. Weicht einer davon um mehr als die Toleranz ab, wird das Pixel rot markiert. Transparente Bereiche werden auf weißem Hintergrund verglichen. Sehr große Bilder werden verkleinert verglichen, und das Tool weist dich darauf hin.
Welche Bildformate werden unterstützt?
PNG, JPG, WebP und HEIC sowie die meisten anderen Bildformate, die dein Browser öffnen kann. Jedes Bild darf bis zu 50 MB groß sein. SVG-Dateien werden nicht unterstützt, weil sie kein festes Pixelraster haben.
Was speichert „PNG herunterladen“?
Die Ansicht, die du gerade siehst: beim Schieberegler beide Bilder, an der Linie geteilt, bei „Nebeneinander“ beide Bilder nebeneinander, beim Überblenden die Überlagerung mit der aktuellen Deckkraft und bei „Unterschiede“ die rot-graue Änderungskarte. Ist die volle Größe zu groß für deinen Browser, wird das PNG verkleinert, und das Tool weist dich darauf hin.
Du brauchst passende Vorher-Nachher-Screenshots von Webseiten?
Website Capture in Shotomatic nimmt auf deinem Mac eine Liste von URLs mit dem Viewport auf, den du festlegst. Die Einstellungen bleiben gespeichert. So kannst du nach einer Änderung dieselben URLs erneut aufnehmen und die Ergebnisse hier vergleichen.