Bildvergleich

Schieberegler: Ein interaktiver Teiler wird gezogen, um ein Bild oder das andere aufzudecken — die klassische Vorher/Nachher-Ansicht. Nebeneinander: Beide Bilder werden in voller Breite nebeneinander angezeigt. Overlay: Ein Bild wird mit einstellbarer Deckkraft über das andere gelegt (nützlich zur Ausrichtungsprüfung). Differenz: Hebt genaue Pixel-Änderungen in Rot hervor; identische Bereiche erscheinen gedimmt.

Nein. Unterschiedliche Größen werden automatisch an die Vergleichsansicht angepasst. Für einen aussagekräftigen Pixel-Differenz-Vergleich liefern Bilder gleicher Dimensionen jedoch die nützlichsten Ergebnisse — andernfalls zeigt der Diff Skalierungsartefakte.

Der Differenzmodus berechnet die absolute kanalweise RGB-Differenz zwischen entsprechenden Pixeln. Veränderte Pixel erscheinen als leuchtendes Rot; unveränderte Bereiche sind gedimmt. Nützlich zum Erkennen subtiler Änderungen bei Design-Updates, Kompressionsartefakten oder zur Verifikation einer verlustfreien Transformation.

Zwei Bilder hochladen, Schieberegler-Modus wählen, dann den vertikalen Teiler nach links und rechts ziehen. Die linke Seite zeigt Bild A, die rechte Bild B. Funktioniert mit Maus und Touch, ist also auf Tablets und Smartphones nutzbar.

Der Overlay-Modus legt beide Bilder mit einstellbarer Deckkraft übereinander. Nützlich zum Überprüfen der Ausrichtung zwischen einem Design-Mockup und einem Screenshot, zur Verifikation der Registrierung zweier Versionen desselben Fotos oder um zu prüfen, ob ein Logo in zwei Layouts an der richtigen Position sitzt.

Ja. Die Zoom-Steuerung ermöglicht das Heranzoomen, um einzelne Pixel-Unterschiede zu sehen. Verwenden Sie die Option 'Anpassen', um zurück auf den Viewport zu skalieren, oder '100%', um die tatsächliche Pixelgröße anzuzeigen.

Nein. Die gesamte Vergleichsverarbeitung läuft lokal in Ihrem Browser mit HTML5 Canvas. Bilder werden vom Gerät in den Speicher geladen und nie an einen Server übertragen.