Zum Inhalt springen
Kostenloses Tool

Bilder vergleichen

Vergleiche zwei Bilder online per Vorher-Nachher-Slider, nebeneinander, als Überblendung oder als Differenzbild, das jeden geänderten Pixel markiert und zählt, im Beispiel mit einem Texturpaket 736 von 9.000 Pixeln (8,18 %). Kostenlos, ohne Anmeldung und ohne Upload: Deine Bilder bleiben in deinem Browser.

Gebaut von Justin Schuessler

Du baust gerade etwas Eigenes? Hoste es auf einem vServer mit voller Kontrolle.

Vorher

Nachher

Die Bilder bleiben in deinem Browser. Es wird nichts hochgeladen.

Lade ein Vorher- und ein Nachher-Bild. Danach vergleichst du sie mit Slider, nebeneinander, als Überblendung oder als Differenzbild, das jeden geänderten Pixel zeigt.

Beispiel-Ergebnis

Was der Bildvergleich dir zeigt

Du lädst ein Vorher- und ein Nachher-Bild. Im Slider, nebeneinander oder als Überblendung siehst du die Unterschiede mit dem Auge, der Differenz-Modus markiert jeden geänderten Pixel und zählt ihn. Ein Beispiel mit den Beispielbildern des Tools:

Beispiel: Ein Herbst-Texturpaket gegen das Original

Eingabe:

Zwei Pixel-Art-Landschaften mit je 120 × 75 Pixeln. Im Nachher-Bild sind Gras und Blätter umgefärbt, und auf der Wiese steht eine neue Blume. Modus „Differenz“, Schwellwert 5 %.
Vorher
Nachher
Differenz

Ausgabe:

Ergebnis des Differenz-Modus im Beispiel
Geänderte Pixel736 von 9.000 Pixeln
Anteil8,18 %
DownloadDifferenzbild als PNG in voller Auflösung

Himmel, Sonne, Erde und Stein sind in beiden Bildern gleich und erscheinen im Differenzbild als dunkle Graufassung. Nur was das Texturpaket wirklich ändert, leuchtet rot. Dein Ergebnis hängt natürlich von deinen Bildern ab.

So funktioniert es

So vergleichst du zwei Bilder

Vier Schritte vom Screenshot bis zum fertigen Vergleich, ohne Account und ohne Upload.

Schritt 1

Bilder laden

Ziehe das Vorher- und das Nachher-Bild in die beiden Felder, wähle Dateien aus oder füge Screenshots mit Strg+V ein. Mit „Tauschen“ wechselst du die Seiten. Die Bilder werden nur in deinem Browser geöffnet.

Schritt 2

Modus wählen

Slider, Nebeneinander, Überblenden oder Differenz. Im Slider ziehst du die Trennlinie senkrecht oder waagerecht, beim Überblenden stellst du die Deckkraft ein, bei der Differenz den Schwellwert und die Farbe.

Schritt 3

Zoomen und vergleichen

Zoome mit den Plus- und Minus-Schaltflächen, mit Strg+Mausrad oder mit zwei Fingern bis 3.200 % und verschiebe das vergrößerte Bild durch Ziehen. „1:1“ zeigt jeden Pixel in Originalgröße, ab 100 % mit scharfen Kanten. „Einpassen“ zeigt wieder das ganze Bild.

Schritt 4

Ergebnis speichern

Lade das Vorher-Nachher-Bild, die Nebeneinander-Ansicht, die Überblendung oder das Differenzbild als PNG in voller Auflösung herunter, im Slider und nebeneinander auf Wunsch mit den Beschriftungen „Vorher“ und „Nachher“.

PNG-Export

Vorher-Nachher-Bild erstellen und speichern

Jeder Modus hat seinen eigenen Download. Das PNG entsteht in voller Auflösung in deinem Browser, ohne Upload und ohne Wasserzeichen.

Vorher-Nachher-Bild

Im Slider teilt der Download das Bild genau dort, wo die Trennlinie steht. Das PNG zeigt die Linie und auf Wunsch die Beschriftungen „Vorher“ und „Nachher“.

Zwei Bilder nebeneinander

Der Modus „Nebeneinander“ legt beide Bilder in eine Datei, ebenfalls auf Wunsch beschriftet. Wäre das Bild nebeneinander zu breit für deinen Browser, setzt das Tool die Bilder untereinander. Es sind immer genau zwei Bilder, Collage-Vorlagen gibt es nicht.

Überblendung

Beide Bilder übereinander, das Nachher-Bild mit der Deckkraft, die du am Regler eingestellt hast.

Differenzbild

Die geänderten Pixel in deiner Farbe auf einer abgedunkelten Graufassung des Vorher-Bildes, in der vollen Auflösung des Vergleichs.

Differenz und PNG-Export rechnen bis 40 Megapixel je Bild, auf iPhone und iPad wegen der kleineren Canvas-Grenze weniger.

Anwendungsfälle

Wofür du den Bildvergleich nutzt

Vom Shaderpack bis zum Kompressionstest: überall, wo zwei Fassungen desselben Bildes nebeneinander gehören.

Shader und Texturpakete in Minecraft

Mach denselben Screenshot einmal mit und einmal ohne Shader oder Resource Pack. Im Slider siehst du Licht, Wasser und Schatten direkt nebeneinander, mit 1:1-Zoom und scharfen Pixelkanten auch einzelne 16 × 16-Texturen.

Grafikmods und Texturen für FiveM

Vergleiche Fahrzeug-Texturen, ReShade-Presets oder Map-Mods auf deinem FiveM-Server. Der Differenz-Modus zeigt, welche Bereiche eine neue Textur wirklich verändert.

Grafik-Einstellungen testen

Niedrig gegen Ultra, DLSS gegen FSR, Kantenglättung an oder aus: Zwei Screenshots derselben Szene zeigen, ob sich eine teure Einstellung sichtbar lohnt.

Mods vorher und nachher

Ob Beleuchtungsmod, HUD-Mod oder Map-Update: Mit der Überblendung blendest du langsam zwischen Original und Mod und findest auch kleine Änderungen.

Kompressionsverluste prüfen

Lade das Original und die komprimierte Fassung. Der Differenz-Modus zeigt bei Schwellwert 0 % jeden veränderten Pixel, mit etwas Toleranz nur sichtbare Artefakte.

UI- und Design-Änderungen

Vergleiche zwei Fassungen einer Website, eines Server-Menüs oder eines Discord-Banners. Verschobene Elemente und geänderte Farben fallen im Differenzbild sofort auf.

Bilder zu groß für einen schnellen Vergleich? Mit dem Bildkomprimierer verkleinern

Vier Modi

Welcher Modus für welchen Vergleich?

Slider

Die Trennlinie zeigt links bzw. oben das Vorher- und rechts bzw. unten das Nachher-Bild. Ideal für Licht, Farben und Schärfe. Senkrecht oder waagerecht, per Maus, Touch oder Pfeiltasten.

Nebeneinander

Zwei Fenster mit synchronem Zoom und Verschieben. Gut, wenn du beide Bilder vollständig sehen willst. Auf dem Handy liegen die Fenster untereinander.

Überblenden

Das Nachher-Bild liegt mit einstellbarer Deckkraft über dem Vorher-Bild. So fallen verschobene oder leicht veränderte Bereiche beim langsamen Überblenden auf.

Differenz

Jeder geänderte Pixel wird in deiner Farbe markiert und gezählt. Der Schwellwert blendet kleine Abweichungen wie JPEG-Rauschen aus. Das Differenzbild lädst du als PNG herunter.

Mehr entdecken

Weitere Tools

FAQ

Häufig gestellte Fragen

Kurze Antworten rund um den Vergleich von Bildern, Formate, Größen und Datenschutz.

Ziehe das Vorher- und das Nachher-Bild in die beiden Felder, wähle Dateien aus oder füge Screenshots mit Strg+V ein. Danach wählst du einen Modus: „Slider“ mit Trennlinie, „Nebeneinander“, „Überblenden“ oder „Differenz“. Zum Ausprobieren lädt „Mit Beispielbildern ausprobieren“ zwei fertige Bilder.

Nein. Beide Bilder werden nur in deinem Browser geöffnet, die Differenz rechnet ein Web Worker im selben Tab. Es gibt keinen Upload, keinen Server und keinen Link zum Teilen. In die Adresszeile schreibt das Tool nur Einstellungen wie Modus, Richtung und Schwellwert, niemals Bildinhalte.

Lade beide Bilder, wähle „Slider“ und stelle die Trennlinie dorthin, wo sie im Bild stehen soll. „Vorher-Nachher-Bild herunterladen“ speichert ein PNG in voller Auflösung mit der Trennlinie und auf Wunsch mit den Beschriftungen „Vorher“ und „Nachher“. Im Modus „Nebeneinander“ bekommst du beide Bilder nebeneinander in einer Datei.

Wähle den Modus „Differenz“. Er markiert jeden geänderten Pixel in einer Farbe deiner Wahl und nennt Anzahl und Anteil. Der Schwellwert legt fest, wie stark sich ein Pixel ändern muss, damit er zählt: 0 bis 50 % des Farbbereichs, Standard 5 %. Markiert der Modus Änderungen, die du nicht siehst, liegt es meist an verlustbehafteter Kompression (JPG, WebP), Skalierung, Farbprofilen oder einem Versatz um einen Pixel. Erhöhe dann den Schwellwert oder vergleiche verlustfreie PNG-Screenshots.

JPG, PNG, WebP, AVIF und GIF, bei animierten GIFs das erste Bild. HEIC-Dateien nimmt das Tool nicht an, exportiere sie vorher als JPG. Eine Datei darf bis zu 40 MB groß sein. Slider, Nebeneinander und Überblenden funktionieren auch mit sehr großen Bildern. Differenz und PNG-Export rechnen bis 40 Megapixel je Bild, auf iPhone und iPad bis 16,7 Megapixel. Darüber zeigt das Tool einen Hinweis, statt den Tab einzufrieren.

Das Tool zeigt beide Auflösungen an und du wählst: „Nachher auf Vorher skalieren“ (Standard) streckt das Nachher-Bild auf die Größe des Vorher-Bildes, gut für Screenshots in anderer Auflösung. „Oben links ausrichten“ legt beide Bilder ungestreckt übereinander, gut, wenn ein Bild nur beschnitten oder erweitert wurde. Weichen die Seitenverhältnisse ab, weist das Tool beim Skalieren auf die Verzerrung hin.

Ja, direkt im Browser, ohne App. Du ziehst die Trennlinie mit dem Finger, zoomst mit zwei Fingern und verschiebst das vergrößerte Bild durch Ziehen. Im Modus „Nebeneinander“ liegen die beiden Fenster auf dem Handy untereinander. Die Bilder wählst du über die Dateiauswahl deines Handys aus.

Nein. Das Tool vergleicht die Farbwerte beider Bilder Pixel für Pixel mit einem einstellbaren Schwellwert. Es nutzt keine KI, erkennt keine Gesichter oder Objekte und sucht nicht im Internet nach ähnlichen Bildern. Es zeigt dir genau, wo sich zwei deiner eigenen Bilder unterscheiden.

Noch weitere Fragen?

Support kontaktieren
Baust du gerade etwas Eigenes?

Teste Mods, Shader und Texturen auf einem Server, der dir allein gehört

Ein ZAP-Hosting vServer bringt deinen Spieleserver, deine Website oder dein Projekt zuverlässig online.

4,4/5 Trustpilot32.000+ Aktive ServerSeit 2010

Kein Setup. Kein Risiko. In Sekunden online.

Flexible LaufzeitJederzeit kündbarIn 60 Sekunden online

Auf der Suche nach weiteren Tools? Alle Bild- & Design-Tools ansehen