Bildvergleich
Image Diff
Vergleicht zwei Bilder Pixel für Pixel, hebt die Unterschiede hervor und berechnet einen wahrnehmungsbasierten Differenzwert.
Zwei Screenshots, die identisch sein sollten, und die Frage, ob sie es sind. Eine Zahl geänderter Pixel allein kann das nicht beantworten – Antialiasing ändert Tausende Pixel und bedeutet nichts –, also meldet dies SSIM und DSSIM daneben und gibt Ihnen vier Arten, den Unterschied zu betrachten.
Bild „Vorher“ hier ablegen
Jedes Format, das der Browser dekodieren kann.
Bild „Nachher“ hier ablegen
Jedes Format, das der Browser dekodieren kann.
So funktioniert es
Legen Sie Vorher und Nachher ab
Verschiedene Größen werden angenommen: Beide werden mit Transparenz auf die Vereinigung aufgefüllt, sodass die Überlappung richtig verglichen wird und die Nicht-Überlappung als Unterschied erscheint – was sie ist.
Legen Sie die Toleranz fest
Gemessen in YIQ, sodass eine Luminanzänderung etwa 2,5-mal so viel zählt wie eine Farbtonänderung gleicher Größe – so reiht das Auge sie. Bei 0 ist ein einzelner Codewert irgendwo ein Fehlschlag.
Lesen Sie die zwei Arten von Zahl zusammen
2 % geänderte Pixel bei SSIM 0,999 sind Antialiasing. 2 % bei SSIM 0,94 ist etwas, das sich bewegt.
Verwenden Sie den Wischer für kleine Verschiebungen
Er setzt die zwei Versionen an dieselbe Netzhautposition, die einzige Art, wie eine Subpixel-Verschiebung sichtbar wird – das Auge kann so viel Detail nicht über die Sakkade tragen, die ein Nebeneinander-Vergleich braucht.
Häufige Fragen
Was ist ein guter SSIM?
Über etwa 0,99 sind die zwei Bilder dasselbe Bild mit Renderrauschen dazwischen. Unter 0,95 unterscheidet sich tatsächlich etwas. Es gibt keinen universellen Schwellenwert; vergleichen Sie mit einem bekannt guten Paar aus Ihrer eigenen Pipeline.
Warum unterscheidet sich DSSIM von SSIM?
DSSIM macht denselben strukturellen Vergleich in L*a*b* über fünf Skalen, sodass eine reine Farbänderung zählt und ein Unterschied auf einer Zoomstufe sich nicht hinter einer anderen versteckt. Wo sie uneins sind, ist die Änderung Farbe statt Struktur.
Kann ich es für visuelle Regressionstests verwenden?
Um einen Fehlschlag anzusehen, ja – dafür sind die vier Ansichten da. Um den Vergleich in CI laufen zu lassen, wollen Sie dieselbe Arithmetik in Ihrem Test-Runner statt in einem Browser-Tab.
Eingabe aus
PDF vergleichen
PDF Compare
Vergleicht zwei PDFs als Text und als gerenderte Pixel und listet Einfügungen, Löschungen und Verschiebungen auf.
PNG-Kompressor
PNG Compressor
Verkleinert ein PNG ohne Upload, komplett im Browser: Die Farbpalette wird quantisiert und der Deflate-Strom neu geschrieben, die Abmessungen bleiben unverändert.
JPEG-Kompressor
JPEG Compressor
Kodiert ein JPEG mit der gewählten Qualität neu und zeigt die Dateigröße vorher und nachher sowie eine Differenzansicht live an.
WebP-Konverter
WebP Converter
Wandelt Bilder in WebP oder von WebP in andere Formate um, mit Qualitätsregler und verlustfreiem Modus.
Danach
Diese Tools nehmen an, was dieses hier erzeugt, das Ergebnis kann also direkt weiter.
Bild zuschneiden
Image Cropper
Schneidet einen freien Bereich oder einen mit festem Seitenverhältnis aus und kann einfarbige oder transparente Ränder automatisch entfernen.
PDF vergleichen
PDF Compare
Vergleicht zwei PDFs als Text und als gerenderte Pixel und listet Einfügungen, Löschungen und Verschiebungen auf.
PNG-Kompressor
PNG Compressor
Verkleinert ein PNG ohne Upload, komplett im Browser: Die Farbpalette wird quantisiert und der Deflate-Strom neu geschrieben, die Abmessungen bleiben unverändert.
Hintergrund entfernen
Background Remover
Stellt ein Motiv vor einfarbigem Hintergrund per OKLab-Keying frei – ohne Upload, komplett im Browser – und liefert ein transparentes PNG samt Pinsel zum Nachbessern der Kanten.
EXIF-Daten entfernen
EXIF Remover
Entfernt Kamera-, GPS- und Bearbeitungsmetadaten aus Fotos, ohne die Pixel anzurühren – ohne Upload, komplett im Browser.
Favicon-Generator
Favicon Generator
Erzeugt den kompletten Favicon-Satz – ICO, PNGs, Apple-Touch-Icon, Web-Manifest – samt HTML zum Einfügen.