Screenshot-Vergleich: Technik des visuellen Regressionstests, bei der Bilder einer Benutzeroberfläche zu unterschiedlichen Zeitpunkten aufgenommen und automatisch verglichen werden, um visuelle Änderungen zwischen zwei Versionen einer Anwendung zu erkennen, ob beabsichtigt oder zufällig.
Der Markt für visuelles Testen teilt sich in zwei Lager, die selten miteinander sprechen. Auf der einen Seite die CI-first-Tools (in die Pipeline integriert, bei jedem Pull Request automatisch ausgelöst, von und für Entwickler gedacht). Auf der anderen Seite die No-Code-Tools (von einem Menschen gesteuert, auch für nicht technische Profile zugänglich).
Screenshotbot und Delta-QA verkörpern diese Zweiteilung perfekt. Ihre Unterschiede zu verstehen heißt, eine grundlegende Entscheidung zu verstehen: Automatisieren Sie das visuelle Testen in Ihrer Pipeline, oder machen Sie es Ihrem ganzen Team zugänglich?
Die Antwort ist nicht so offensichtlich, wie sie scheint.
Alle unsere Vergleiche, anhand überprüfbarer Kriterien: Alternativen und Vergleiche.
Sie müssen nicht auf Ihre CI-Pipeline warten, um Ihre Seiten zu vergleichen. Delta-QA zeichnet Ihre Abläufe ohne Code auf und zeigt Ihnen, welches Element sich geändert hat, mit kostenlosem Konto und ohne Kreditkarte. Delta-QA kostenlos testen →
Screenshotbot: die CI-first-Leichtigkeit
Screenshotbot ist ein Dienst für den Screenshot-Vergleich, der auf die CI/CD-Integration spezialisiert ist. Er ist als SaaS oder selbst gehostet verfügbar: Sein Code ist Open Source (Lizenz MPL-2.0). Die Positionierung ist klar: Sie erzeugen bereits Screenshots in Ihren Tests (Android, iOS, Flutter, React Native oder Web über Selenium, Playwright, Puppeteer), und Screenshotbot speichert sie, vergleicht sie und veröffentlicht die Ergebnisse direkt in Ihren Pull Requests.
Was Screenshotbot gut macht
Die Leichtgewichtigkeit ist die erste Stärke von Screenshotbot. Plattformen wie Percy oder Applitools verlangen ein spezifisches SDK, eine aufwendige Konfiguration und eine spürbare Einarbeitung. Screenshotbot dagegen schließt sich an Ihre bestehende Infrastruktur an. Sie haben bereits ein Skript, das Screenshots aufnimmt? Screenshotbot übernimmt sie, vergleicht sie und postet einen Kommentar mit den visuellen Unterschieden in Ihren Pull Request. Kein SDK, das in Ihren Testcode eingebunden werden müsste, keine schwere zusätzliche Abhängigkeit.
Die Integrationen für das Code-Review sind nativ: GitHub, GitLab, Bitbucket, Azure DevOps, Phabricator. Der Vergleichsbericht erscheint direkt im Pull Request, die Entwickler sehen die visuellen Änderungen, ohne ihren gewohnten Arbeitsablauf zu verlassen. Das visuelle Testen passt sich dem Workflow des Entwicklers an, nicht umgekehrt.
Das Preismodell ist übersichtlich. Stand 10/2026 zeigt die Preisseite einen nutzungsbasierten Plan (10.000 kostenlose Screenshots pro Monat, danach 0,006 $ pro Screenshot), einen Plan „Unlimited“ für 495 $ pro Monat und ein Enterprise-Angebot auf Anfrage, das ab etwa 2.500 $ pro Monat angekündigt wird. Open-Source-Projekte erhalten auf Anfrage kostenlosen Zugang.
Was Screenshotbot von Ihnen verlangt
Screenshotbot ist zunächst dafür gebaut, Screenshots zu vergleichen, die Sie selbst erzeugen, im Gegensatz zu einem vollständigen Tool für visuelles Testen. Das ist ein grundlegender Punkt, den viele beim Kennenlernen des Tools nicht bemerken. Sie brauchen einen funktionierenden Aufnahmemechanismus in Ihren Tests oder Ihrer CI-Pipeline: Selenium, Playwright, Puppeteer oder die mobilen Screenshot-Testing-Tools. Die Preistabelle erwähnt inzwischen „Browser Runs“, ohne dass die Seite erklärt, wie sie funktionieren.
Das ist eine Stärke, wenn Sie diese Infrastruktur schon haben. Und ein unüberwindbares Hindernis, wenn nicht. Eine automatisierte Screenshot-Aufnahme in einer CI-Pipeline aufzusetzen, ist ein eigenes Projekt: das Aufnahme-Tool wählen, Viewports konfigurieren, Timeouts verwalten, Rendering-Probleme im Headless-Modus lösen, die Aufnahmen stabilisieren, damit keine nicht deterministischen Abweichungen auftreten.
Der Vergleich selbst erfolgt Pixel für Pixel, mit den Einschränkungen, die das mit sich bringt. Falsch-Positive durch Anti-Aliasing, Schriftarten und Rendering-Unterschiede zwischen Umgebungen sind ein wiederkehrendes Problem jedes Ansatzes, der auf Bildvergleich beruht. Screenshotbot bietet Toleranzschwellen an, doch die Feinabstimmung dieser Schwellen bleibt eine heikle Übung.
Bei den Daten gilt: Das SaaS von Screenshotbot hostet Ihre Screenshots in den Standard-Plänen in den USA. Für Teams mit Souveränitätsvorgaben gibt es zwei Wege: das Selbst-Hosting des Open-Source-Codes oder das Enterprise-Angebot, das Datenresidenz in den USA, in der EU oder in der AWS-Region Ihrer Wahl sowie eine On-Premise-Installation bietet.
Delta-QA: der No-Code-Ansatz, von einem Menschen gesteuert
Delta-QA nähert sich dem Problem aus einem ganz anderen Winkel. Kein Aufnahme-Skript, das gepflegt werden müsste. Keine Serverkonfiguration. Ein No-Code-Tool, das Ihre Abläufe in einem echten Browser aufzeichnet, sie bei jeder Version erneut abspielt und jede Seite mit ihrer Referenz vergleicht.
Was Delta-QA gut macht
Als Erstes fällt bei Delta-QA die Eigenständigkeit auf. Keine CI-Infrastruktur, kein Aufnahme-Skript. Das Tool enthält alles: Navigation, Aufnahme, Vergleich, Bericht. Sie legen ein Konto an, Sie zeichnen einen Ablauf auf.
Der No-Code-Ansatz bedeutet, dass die Einstiegshürde praktisch nicht existiert. Ein fachlicher QA-Tester, eine Designerin, ein Product Owner, jedes Profil kann in wenigen Minuten eine Sitzung für visuelles Testen starten. Es braucht keinen „technischen Champion“, der das Tool einrichtet oder pflegt.
Der tiefste Unterschied liegt jedoch in der Art des Vergleichs. Delta-QA vergleicht keine Bilder: Es vergleicht die Elemente der Seite. Wenn Delta-QA eine Änderung meldet, sagt es Ihnen „die Farbe des Buttons hat sich von #2563EB zu #1E40AF geändert“ oder „der untere Abstand des Absatzes ist von 24 px auf 16 px gesunken“. Das sind lesbare Fakten, keine visuellen Interpretationen.
Dieser Ansatz begrenzt auch Falsch-Positive durch das Rendering. Eine Anti-Aliasing- oder Subpixel-Abweichung ändert weder Farbe noch Größe noch Position eines Elements: Es gibt keinen Grund, sie zu melden.
Delta-QA startet mit einem kostenlosen Konto, ohne Kreditkarte. Ein On-Premise-Angebot, das sich in einem kostenlosen einmonatigen POC prüfen lässt, hält alle Daten in Ihrem Netzwerk.
Was dieser Ansatz bedeutet
Delta-QA ist nicht als CI-first entstanden. Sein Kern sind die ohne Code aufgezeichneten Szenarien: Ein Mensch durchläuft die Website, das Tool spielt ab und vergleicht, der Mensch beurteilt jede Abweichung.
Für Entwickler hat Delta-QA inzwischen ein SDK, Vision, für Playwright (TypeScript/JavaScript). Eine Zeile pro zu prüfender Seite in einem bestehenden Test: Eine nicht beurteilte Abweichung lässt den Test fehlschlagen, und das CI-Protokoll nennt den Link zum Bericht. Codierte Tests und Szenarien ohne Code leben im selben Bereich, mit denselben Referenzen.
CI-first vs. No-Code: zwei Visionen des visuellen Testens
Die Wahl zwischen Screenshotbot und Delta-QA ist keine Wahl zwischen zwei Tools, sondern zwischen zwei Visionen davon, was visuelles Testen sein sollte.
Die CI-first-Vision: alles automatisieren
Die CI-first-Vision geht von einer Annahme aus: Visuelles Testen soll automatisiert, in die Pipeline integriert und ohne menschliches Eingreifen ausgeführt werden. Jeder Pull Request löst eine Screenshot-Aufnahme, einen automatischen Vergleich und einen Bericht aus. Die Entwickler sehen die visuellen Änderungen im selben Fluss wie die Codeänderungen.
Auf dem Papier ist das elegant. In der Praxis stößt diese Vision auf mehrere Reibungspunkte.
Der erste ist die Zuverlässigkeit der Aufnahmen. Eine CI-Pipeline führt die Tests in einer Headless-Umgebung ohne Bildschirm aus, oft in einem Docker-Container mit anderen Schriftarten und Konfigurationen als in der Produktion. Die in dieser Umgebung aufgenommenen Screenshots entsprechen nicht immer dem, was echte Nutzer sehen. Sie testen das Rendering einer CI-Umgebung, nicht das Rendering der Produktion.
Der zweite ist das Rauschen. Wenn ein visueller Test in der Pipeline fehlschlägt, blockiert er den Pull Request oder löst einen Alarm aus. Beim Pixel-für-Pixel-Vergleich ist ein erheblicher Teil dieser Alarme Falsch-Positive. Entwickler lernen schnell, visuelle Alarme zu ignorieren, und das Tool verliert seinen Nutzen. Es ist das Syndrom vom Jungen, der „Wolf“ ruft: Wenn alles dringend ist, ist nichts dringend.
Der dritte ist der Ausschluss. Ein CI-first-Tool ist per Definition ein Tool für Menschen, die mit der CI arbeiten, also Entwickler. Fachliche QA-Tester, Designer und Product Owner bleiben außen vor. Sie sehen die Ergebnisse nicht, können keine Tests auslösen und nehmen an den Freigabeentscheidungen nicht teil.
Die No-Code-Vision: alle einbeziehen
Die No-Code-Vision geht von einer anderen Annahme aus: Visuelles Testen ist zuerst eine menschliche Tätigkeit. Die besten Beurteiler der visuellen Qualität sind keine Skripte, sondern die Menschen, die Oberflächen gestalten (Designer), spezifizieren (Product Owner) und prüfen (QA).
Ein No-Code-Tool gibt diesen Menschen das Steuer in die Hand. Sie navigieren in einem echten Browser unter realen Bedingungen auf der Website. Sie sehen, was die Nutzer sehen. Sie entscheiden, was akzeptabel ist und was nicht, mit einem Verständnis des Kontexts, das kein Skript nachbilden kann.
Der Nachteil eines rein manuellen Ansatzes ist die Abdeckung: Sie hängt von der Disziplin des Teams ab, nicht von einem automatischen Auslöser. Deshalb gewinnt ein No-Code-Tool, wenn es sich zusätzlich an die CI anschließt, was Delta-QA mit seinem SDK Vision für Playwright-Teams tut.
Visuelles Testen muss nicht allein Sache der Entwickler bleiben. Mit Delta-QA starten Designer, QA und Product Owner einen Vergleich mit wenigen Klicks, ohne Code und ohne Kreditkarte. Delta-QA kostenlos testen →
Das Problem des Bildvergleichs
Screenshotbot vergleicht, wie die meisten CI-first-Tools für den Screenshot-Vergleich, Bilder. Das ist intuitiv, Sie sehen visuell, was sich geändert hat. Aber es ist auch grundlegend begrenzt.
Bilder lügen
Ein Bild ist das Endergebnis einer komplexen Rendering-Kette: Das HTML wird geparst, das CSS berechnet, das Layout aufgebaut, die Pixel werden gerastert. Zwei Seiten, die in HTML und CSS identisch sind, können je nach Rendering-Umgebung, Browserversion, Betriebssystem, installierten Schriftarten, Bildschirmauflösung und GPU-Beschleunigung leicht unterschiedliche Bilder erzeugen.
Bilder zu vergleichen heißt, Symptome zu vergleichen, nicht Ursachen. Sie sehen, dass es einen Unterschied gibt, wissen aber nicht, ob er von einer echten CSS-Änderung oder von einer Rendering-Abweichung kommt. Diese Mehrdeutigkeit kostet: den Aufwand der Sichtung, den Aufwand der Untersuchung, den Aufwand des verlorenen Vertrauens in das Tool.
Was ein Auge sieht, lügt nicht
Delta-QA umgeht dieses Problem, indem es die Elemente der Seite statt ihrer Pixel vergleicht: Hat sich eine font-size nicht geändert, wird nichts gemeldet, egal wie der Browser diese Schrift anschließend in Pixel rastert.
Das Ergebnis ist ein Bericht, den man lesen kann. Jede gemeldete Änderung ist einem Element zugeordnet und beschrieben: Sie müssen nicht raten, ob ein roter Bereich eine echte Änderung oder ein Rendering-Artefakt ist.
Das macht Screenshotbot besser
Erkennen wir die Stärken von Screenshotbot an.
Die native CI-Integration. Wenn Ihre absolute Priorität ein automatisierter visueller Test in Ihrer Pipeline auf GitHub, GitLab, Bitbucket oder Azure DevOps ist, wurde Screenshotbot genau dafür gebaut. Der Kommentar im Pull Request, der automatische Vergleich, der Review-Workflow: alles ist auf den Arbeitsablauf des Entwicklers optimiert.
Die Leichtigkeit. Screenshotbot verlangt nicht, dass Sie Ihre Aufnahme-Infrastruktur ändern. Sie haben Screenshots? Schicken Sie sie. Das ist alles. Kein komplexes SDK, keine schwere Konfiguration.
Mobile und Open Source. Screenshotbot deckt neben dem Web auch Android, iOS, Flutter und React Native ab, und sein Code ist Open Source: Sie können ihn selbst hosten. Delta-QA testet Webseiten, derzeit auf Chromium.
Ein übersichtlicher Preis. Der nutzungsbasierte Plan beginnt mit 10.000 kostenlosen Screenshots pro Monat, und der Plan Unlimited wird mit 495 $ pro Monat angezeigt (Stand 10/2026).
Die vollständige Automatisierung. Jeder Pull Request wird automatisch visuell getestet. Kein Mensch muss einen Test starten, die Pipeline übernimmt das. Das ist eine kontinuierliche Abdeckung, die nicht von der Verfügbarkeit oder Disziplin einer Person abhängt.
Das macht Delta-QA besser
Die Zugänglichkeit. Jedes Teammitglied kann Delta-QA ohne technische Voraussetzungen nutzen. Keine CI zu konfigurieren, kein Aufnahme-Skript zu schreiben, keine Pipeline zu pflegen. Wenn Sie auf einer Website navigieren können, können Sie Delta-QA benutzen.
Die Qualität der Ergebnisse. Jede Abweichung ist einem Element der Seite zugeordnet und im Klartext beschrieben. Sie wissen, was sich geändert hat, ohne ein Differenzbild interpretieren zu müssen.
Datensouveränität, ohne Großkunde zu sein. Mit dem On-Premise-Angebot von Delta-QA bleibt alles in Ihrem Netzwerk: Keine Aufnahme und keine Daten Ihrer Oberfläche werden an einen externen Server gesendet. Bei Screenshotbot läuft das Gleiche über das Selbst-Hosting des Open-Source-Codes oder über das Enterprise-Angebot.
Kein Aufnahmemechanismus zu bauen. Delta-QA zeichnet Ihre Abläufe selbst auf und spielt sie in einem echten Browser ab. Sie müssen keinen Aufnahmemechanismus aufsetzen oder stabilisieren, bevor Sie vergleichen können.
Die Einbindung des ganzen Teams. Designer, QA, Product Owner, Entwickler: Alle können am visuellen Testen teilnehmen. Visuelles Testen wird zu einer gemeinsamen Verantwortung, nicht zu einer technischen Funktion, die in einer Pipeline versteckt ist, die nur Entwickler verstehen.
Für wen ist welches Tool gedacht
Screenshotbot ist das Richtige für Sie, wenn …
Sie ein Entwicklungsteam mit einer ausgereiften CI/CD-Pipeline auf GitHub sind. Sie nehmen bereits Screenshots in Ihren Tests auf (oder haben die Kompetenz, das aufzusetzen). Ihre Priorität ist die Automatisierung: Jeder Pull Request soll ohne menschliches Eingreifen visuell geprüft werden. Ihr Team ist technisch und vertraut mit dem Workflow aus Git, CI und Pull Request.
Delta-QA ist das Richtige für Sie, wenn …
Ihr Team nicht technische Profile umfasst, die am visuellen Testen teilnehmen müssen. Sie keinen Aufnahmemechanismus bauen wollen. Sie lesbare Ergebnisse wünschen, die den Elementen der Seite zugeordnet sind, keine Differenzbilder. Datensouveränität ein Kriterium ist. Sie in Minuten statt in Tagen einsatzbereit sein wollen. Und wenn Ihre Entwickler ihre Tests in Playwright schreiben, bringt das SDK Vision sie in denselben Bereich.
Beide zusammen
Das schließt sich nicht aus. Screenshotbot in der Pipeline für Ihre bestehenden Screenshot-Tests, insbesondere mobil. Delta-QA für die Web-Abläufe, die Testkampagnen vor dem Release und die Einbindung nicht technischer Profile.
Sie wünschen sich einen visuellen Test, den das ganze Team starten kann, ohne die Pipeline anzufassen? Erstellen Sie Ihr kostenloses Konto und erhalten Sie Ihre ersten Ergebnisse in wenigen Minuten, ohne Kreditkarte. Delta-QA kostenlos testen →
Häufige Fragen
Ist Screenshotbot ein direkter Konkurrent von Delta-QA?
Teilweise. Beide Tools erkennen visuelle Regressionen, aber mit unterschiedlichen Ansätzen. Screenshotbot ist ein CI-first-Dienst für Entwickler, stark im Mobilbereich. Delta-QA ist zuerst ein No-Code-Tool für das ganze Team, das über sein SDK Vision für Playwright an die CI anschließt. Oft ergänzen sie sich eher, als dass sie konkurrieren.
Kann man Delta-QA ohne CI/CD-Pipeline nutzen?
Ja, und das ist sogar einer der Hauptvorteile. Sie legen ein Konto an, öffnen Ihre Website, zeichnen Ihre Abläufe auf. Ideal für Teams ohne CI/CD-Pipeline oder solche, die ihr keine Komplexität hinzufügen wollen. Wer eine hat, kann seine Playwright-Tests mit dem SDK Vision anbinden.
Behandelt Screenshotbot Falsch-Positive?
Screenshotbot bietet Toleranzschwellen, um Falsch-Positive durch Rendering-Abweichungen zu verringern. Wie jedes Tool auf Basis des Bildvergleichs kann es das Problem aber nicht vollständig beseitigen: Abweichungen bei Anti-Aliasing, Schriftarten und Headless-Rendering bleiben eine Rauschquelle. Delta-QA verringert dieses Rauschen, indem es die Elemente der Seite statt ihrer Pixel vergleicht.
Ist Delta-QA kostenlos?
Delta-QA startet mit einem kostenlosen Konto, ohne Kreditkarte. Die kostenpflichtigen Pläne sind auf der Preisseite der Website beschrieben.
Welcher Ansatz ist besser: CI-first oder No-Code?
Keiner ist objektiv besser, sie erfüllen unterschiedliche Bedürfnisse. Der CI-first-Ansatz glänzt bei Automatisierung und kontinuierlicher Abdeckung. Der No-Code-Ansatz glänzt bei Zugänglichkeit, Lesbarkeit der Ergebnisse und Einbindung des ganzen Teams. Und beide nähern sich an: Der beste Ansatz ist der, der zur Realität Ihres Teams passt, zu seinen Kompetenzen, seiner Infrastruktur und seinen Prioritäten.
Braucht man Entwicklungskenntnisse, um Screenshotbot zu nutzen?
Ja. Screenshotbot vergleicht die Screenshots, die Sie erzeugen, was Aufnahme-Tests (Selenium, Playwright, Puppeteer oder mobiles Screenshot-Testing) und eine konfigurierte CI-Pipeline voraussetzt. Es ist ein technisches Tool für technische Teams.