Visueller Test per Screenshot (Screenshot Testing): Methode zur Erkennung visueller Regressionen, bei der ein Bild einer Webseite oder Komponente aufgenommen und mit einem Referenzbild verglichen wird; als signifikant bewertete Abweichungen werden als mögliche Regressionen gemeldet.
Percy war lange der Name, der als Erster fiel, wenn von automatisiertem visuellem Testen die Rede war. 2020 von BrowserStack übernommen, etablierte sich das Werkzeug als die „naheliegende“ Lösung für Teams, die ihrer Testpipeline eine Ebene des visuellen Vergleichs hinzufügen wollen.
Die Landschaft hat sich verändert. Und die Frage, die sich jedes Team heute stellen sollte, lautet nicht mehr „Wie integrieren wir Percy in unsere Tests?“, sondern „Ist der Ansatz von Percy der passendste für unseren Bedarf?“
Delta-QA beantwortet dasselbe Problem anders. Keine Abrechnung pro Screenshot, kein Test zu schreiben: Sie zeichnen Ihre Abläufe im Browser auf, und Delta-QA sagt Ihnen, welches Element sich von einer Version zur nächsten geändert hat. Als SaaS oder, mit dem On-Premise-Angebot, in Ihrem Netzwerk. Vergleichen wir die beiden.
Alle unsere Vergleiche, anhand überprüfbarer Kriterien: Alternativen und Vergleiche.
Was, wenn das Testen jeder Seite Ihre Rechnung pro Screenshot nicht erhöhte? Delta-QA prüft Ihre Abläufe ohne Code, mit einem kostenlosen Konto und ohne Kreditkarte. Delta-QA kostenlos testen →
Percy: der visuelle Test als Erweiterung Ihrer bestehenden Tests
Percy funktioniert nach einem einfachen Prinzip: An ausgewählten Stellen Ihrer automatisierten Tests lösen Sie eine Aufnahme aus. Diese Aufnahme wird an die Infrastruktur von BrowserStack gesendet und dort mit einem Referenzbild (der Baseline) verglichen. Die Abweichungen werden in einem Web-Dashboard angezeigt, in dem Ihr Team jede Änderung freigibt oder ablehnt.
Um es für Ihre Abläufe zu nutzen, brauchen Sie zunächst automatisierte Tests (Cypress, Playwright, Selenium, Storybook oder eines der vielen unterstützten Frameworks). Sie installieren das passende Percy-SDK, fügen an den relevanten Stellen Capture-Aufrufe hinzu und konfigurieren ein Token zur Kommunikation mit Percy. BrowserStack kündigt einen „Visual Test Integration Agent“ an, Stand 10/2026 noch ausstehend, um diese Einrichtung aus der IDE heraus zu automatisieren.
Percy bietet außerdem einen Website Scanner: Sie fügen Seiten über ihre Sitemap hinzu und planen wiederkehrende Scans, auch in einer Vorproduktionsumgebung und hinter einer Authentifizierung. Das ist ein Einstieg ohne zu schreibenden Test, um Seiten zu überwachen. Die Abläufe (Anmeldung, Warenkorb, mehrstufiges Formular) laufen dagegen über Ihre Tests und das SDK.
Wenn Sie ein Entwickler sind, der sich mit Testwerkzeugen wohlfühlt, ist all das in wenigen Stunden machbar. Wenn Sie kein Entwickler sind, hängen Sie von jemand anderem ab, um die Tests Ihrer Abläufe einzurichten und zu pflegen.
Delta-QA: der visuelle Test als eigenständige Tätigkeit
Delta-QA geht von der entgegengesetzten Annahme aus: Der visuelle Test sollte kein Aufsatz auf Ihre Funktionstests sein. Er ist eine eigenständige Tätigkeit mit eigenen Nutzern.
Konkret öffnen Sie Ihre Website in Delta-QA und durchlaufen das Szenario wie ein Nutzer: Anmeldung, Navigation, Formular. Jeder Schritt wird zu einem Kontrollpunkt. Bei der nächsten Version spielt Delta-QA den Ablauf in einem echten Browser erneut ab und vergleicht jede Seite mit ihrer Referenz, so wie es das menschliche Auge tun würde, und erkennt die Elemente, die sich geändert haben.
Das Ergebnis ist ein lesbarer Bericht: ein hinzugefügtes, entferntes, geändertes oder verschobenes Element, eine Farbe, die sich geändert hat, ein Abstand, der sich verschoben hat, eine abweichende Schrift. Sie bewerten jede Abweichung, gewollt oder Bug, und die Referenz wandert mit Ihnen weiter.
Und das alles ohne eine einzige Zeile Code. Wenn Sie Ihre Website durchlaufen können, können Sie ein Szenario aufzeichnen.
Code vs. ohne Code: warum das alles verändert
Der grundlegendste Unterschied zwischen Percy und Delta-QA ist nicht technisch, sondern organisatorisch.
Percy ist zuerst ein Entwicklerwerkzeug. Für die Abläufe lebt es im Code, wird über npm oder pip installiert, in Dateien konfiguriert und in CI/CD-Pipelines ausgeführt. Das ist völlig logisch, wenn Ihre Tester Entwickler sind.
Denken Sie an Ihr Team. Wer kümmert sich um die visuelle Qualität Ihres Produkts? Die Entwickler, gewiss. Aber auch die Designer, die die Mockups erstellt haben, die Product Owner, die die Abläufe freigegeben haben, die QA-Manager, die die Abnahmekriterien festlegen, die Marketingverantwortlichen, die die Inhaltsseiten betreuen.
Mit Percy geben diese Profile Änderungen im Dashboard frei oder lehnen sie ab und können Seiten zum Website Scanner hinzufügen. Aber ein Ablauf, der Aktionen erfordert (anmelden, einen Warenkorb füllen, ein Formular absenden), bleibt Sache derer, die die Tests schreiben.
Delta-QA bezieht sie ein. Jede Person im Team kann einen Ablauf aufzeichnen, erneut abspielen und die Ergebnisse bewerten. Der visuelle Test wird zu einer geteilten Verantwortung statt zu einer delegierten technischen Aufgabe.
Die Rechnung pro Screenshot: ein Modell, das auf der Abdeckung lastet
Das Geschäftsmodell von Percy verdient besondere Aufmerksamkeit, weil es die Testabdeckung direkt an das Budget bindet.
Stand 10/2026, laut der Preisübersicht von BrowserStack:
- Free: 5.000 Screenshots pro Monat, unbegrenzt Nutzer, ein Monat Historie.
- Desktop: ab 199 $ pro Monat bei jährlicher Abrechnung, für 10.000 Screenshots pro Monat; jeder zusätzliche Screenshot kostet 0,036 $.
- Desktop & Mobile: ab 599 $ pro Monat bei jährlicher Abrechnung, für 25.000 Screenshots pro Monat und echte mobile Geräte; 0,048 $ pro zusätzlichem Screenshot.
- Enterprise: optional, auf Anfrage (SSO, Zugriffskontrolle, SLA).
Der Punkt, auf den man achten sollte, ist die Definition eines Screenshots: Jede Kombination aus Seite, Browser und Bildschirmbreite erzeugt einen. Testen Sie 10 Seiten in 3 Breiten und 2 Browsern, sind das 60 Screenshots pro Ausführung. Bei zwei Ausführungen pro Tag ist das kostenlose Kontingent in weniger als drei Wochen erschöpft.
Nehmen wir einen E-Commerce-Shop mit 500 Produktseiten, nach jedem täglichen Deployment in drei Bildschirmbreiten geprüft: 45.000 Screenshots pro Monat. Das liegt über dem Basisplan Desktop, und jeder weitere Screenshot kostet.
Dieses Modell erzeugt eine Spannung zwischen Testabdeckung und Budget. Teams begrenzen am Ende die getesteten Seiten, die Häufigkeit oder die Bildschirmbreiten, nicht weil es die richtige technische Entscheidung wäre, sondern weil das Budget es erzwingt.
Delta-QA rechnet nicht pro Screenshot ab. Das kostenlose Konto wird ohne Kreditkarte angelegt, danach richten sich die Pläne nach der Nutzung, ohne Zähler pro Aufnahme, Browser oder Bildschirmbreite.
Cloud oder On-Premise: die Souveränität Ihrer Daten
Jeder an Percy gesendete Screenshot läuft über die Infrastruktur von BrowserStack und wird dort gespeichert. Für die meisten öffentlichen Websites ist das kein Problem. Aber öffentliche Websites sind nur ein Bruchteil dessen, was Teams testen.
Wie sieht es mit Ihrem Back-Office aus? Mit Ihrem internen Dashboard mit Kundendaten? Mit Ihrer Vorproduktionsumgebung mit schlecht anonymisierten Produktionsdaten? Mit Ihrem medizinischen Portal, Ihrer Banking-Oberfläche, Ihrem HR-System?
Aufnahmen dieser Seiten an einen Dritten zu senden, auch einen zertifizierten, wirft Fragen auf, die manche Organisationen nicht ignorieren können: DSGVO, HDS, PCI-DSS, interne Sicherheitsrichtlinien. Stand 10/2026 bietet die Preisübersicht von Percy kein On-Premise-Deployment.
Delta-QA antwortet mit seinem On-Premise-Angebot. Das Werkzeug läuft in Ihrem Netzwerk, Ihre Seiten werden dort verglichen, und die Ergebnisse bleiben dort. Das Angebot lässt sich mit einem kostenlosen POC über einen Monat evaluieren.
Ihre Aufnahmen dürfen Ihr Haus nicht verlassen? Delta-QA läuft als SaaS oder, mit dem On-Premise-Angebot, in Ihrem Netzwerk. Starten Sie mit einem kostenlosen Konto, ohne Kreditkarte. Delta-QA kostenlos testen →
Die Stabilität der Ergebnisse: das Rendering-Rauschen
Wer ein visuelles Testwerkzeug auf Screenshot-Basis genutzt hat, kennt die False Positives. Das Rendering einer Schrift variiert von System zu System, das Anti-Aliasing unterscheidet sich, eine zu einem anderen Zeitpunkt aufgenommene Animation ergibt ein anderes Bild, eine erscheinende Scrollleiste verschiebt alles um einige Pixel.
Percy hat an diesem Punkt viel gearbeitet. Seine „Percy Visual Engine“ stützt sich laut BrowserStack für die Diffs auf Computer Vision und maschinelles Lernen. Percy deaktiviert Animationen und GIFs vor der Aufnahme und bietet eine Einstellung für die Empfindlichkeit des Vergleichs. Der „Visual Review Agent“ hebt signifikante Änderungen hervor, um das Review zu beschleunigen. Diese Funktionen verringern die Sichtung, ohne sie zu beseitigen: Es bleibt jemand, der jeden Diff ansieht und entscheidet.
Delta-QA packt das Problem am anderen Ende an: Es vergleicht die Elemente der Seite, nicht zwei Bilder. Der Bericht sagt, welches Element sich geändert hat und wie (Farbe, Abstand, Schrift, Position), wodurch sich jede Abweichung schnell bewerten lässt. Um den Unterschied zwischen beiden Ansätzen zu verstehen, lesen Sie unseren Artikel zum Pixel-für-Pixel-Vergleich und zum perzeptuellen Vergleich.
Die CI/CD-Integration: zwei Ansätze
Percy integriert sich über sein SDK in CI/CD-Pipelines. Es ist eine ausgereifte Integration, die mit den großen CI-Systemen funktioniert (GitHub Actions, GitLab CI, Jenkins, CircleCI), mit einem Status direkt im Pull Request.
Delta-QA hat inzwischen ein SDK, Vision, für Playwright (TypeScript/JavaScript). Mit dem SDK Vision fügt ein Playwright-Test dort eine Zeile hinzu, wo eine Seite geprüft werden soll; eine nicht bewertete Abweichung lässt den Test fehlschlagen, und das CI-Log enthält den Link zum Bericht. Ihre codierten Tests und Ihre ohne Code aufgezeichneten Szenarien leben im selben Arbeitsbereich: dieselben Referenzen, derselbe Bericht. Percy behält den Vorteil der Reife und der Zahl der abgedeckten Frameworks.
Wann Percy die richtige Wahl bleibt
Sie wollen den visuellen Test als Ergänzung Ihrer bestehenden Funktionstests. Wenn Sie bereits eine robuste Suite mit Cypress, Selenium oder Playwright haben, ist das Hinzufügen von Percy der Weg des geringsten Widerstands, mit einer ausgereiften CI-Integration für zahlreiche Frameworks.
Sie brauchen visuelle Cross-Browser-Tests. Percy erfasst in mehreren Browsern über die Infrastruktur von BrowserStack und mit dem Plan Desktop & Mobile auf echten mobilen Geräten. Delta-QA vergleicht heute auf Chromium; Firefox und WebKit sind geplant.
Ihr Team besteht aus Entwicklern. Wenn die einzigen Personen, die visuelle Tests durchführen, sich mit SDKs und Pipelines wohlfühlen, ist die Einstiegshürde von Percy niedrig.
Wann Delta-QA die bessere Option ist
Der visuelle Test ist ein eigenständiger Bedarf, keine Erweiterung Ihrer Funktionstests. Wenn Sie keine automatisierten Tests haben oder Ihre Abläufe von ihnen nicht abgedeckt sind, prüft Delta-QA sie, ohne dass Sie Tests schreiben.
Nicht-Entwickler müssen mitwirken. QA, Designer, Product Owner, Marketing: Wenn sie Abläufe aufzeichnen und bewerten sollen, ohne einen Entwickler zu bemühen, ist Delta-QA für sie gemacht.
Sie lehnen die Abrechnung pro Screenshot ab. Wenn Sie nicht wollen, dass die Zahl der getesteten Seiten, Browser und Bildschirmbreiten von einem Zähler diktiert wird, hebt das Modell von Delta-QA diese Einschränkung auf.
Die Vertraulichkeit der Daten ist nicht verhandelbar. Wenn Ihre Richtlinien das Senden von Aufnahmen an Dritte verbieten, hält das On-Premise-Angebot von Delta-QA alles in Ihrem Netzwerk.
Sie wollen einen Bericht, der sich lesen lässt. Wenn Sie das Sichten von Bild-Diffs entmutigt hat, verändert ein Bericht, der das geänderte Element und die geänderte Eigenschaft benennt, das Review.
Das Urteil
Percy ist ein ausgereiftes Werkzeug, gut in das BrowserStack-Ökosystem integriert und wirksam für Entwicklerteams, die ihren automatisierten Tests eine visuelle Ebene hinzufügen wollen, mit Cross-Browser und echten Geräten.
Aber viele Teams brauchen kein SDK, keinen Cloud-Dienst und keine Abrechnung pro Screenshot, um die visuellen Regressionen ihrer Abläufe zu erkennen. Sie brauchen ein Werkzeug, das das ganze Team nutzen kann und dessen Rechnung nicht mit der Gründlichkeit der Tests wächst.
Delta-QA ist für sie gedacht. Es ist nicht umfassender als Percy und behauptet es auch nicht. Es löst den visuellen Test der Abläufe mit weniger Reibung und mehr Zugänglichkeit. Und das Werkzeug, das vom ganzen Team angenommen wird, ist oft nützlicher als das, das beeindruckt.
Bereit, Ihre Abläufe zu testen, ohne Ihre Screenshots zu zählen? Zeichnen Sie Ihr erstes Szenario mit Delta-QA auf, mit einem kostenlosen Konto und ohne Kreditkarte. Delta-QA kostenlos testen →
FAQ
Ist Percy kostenlos?
Percy bietet einen kostenlosen Plan mit 5.000 Screenshots pro Monat, mit unbegrenzt Nutzern und einem Monat Historie (Stand 10/2026). Darüber hinaus beginnen die kostenpflichtigen Pläne bei 199 $ pro Monat bei jährlicher Abrechnung für 10.000 Screenshots pro Monat, danach wird jeder zusätzliche Screenshot berechnet. Delta-QA startet mit einem kostenlosen Konto, ohne Kreditkarte.
Kann man Percy ohne Code nutzen?
Teilweise. Der Website Scanner von Percy überwacht über die Sitemap hinzugefügte Seiten mit geplanten Scans, ohne dass ein Test zu schreiben wäre. Um Abläufe zu prüfen (Anmeldung, Warenkorb, Formular), braucht es automatisierte Tests und das Percy-SDK. Delta-QA zeichnet diese Abläufe ohne Code im Browser auf.
Erkennt Delta-QA dieselben Bugs wie Screenshots?
Es erkennt die Regressionen, die die Elemente der Seite betreffen: Farben, Größen, Positionen, Schriften, Abstände, hinzugefügte oder verschwundene Elemente. Der innere Inhalt eines Bildes oder ein browserspezifischer Renderingfehler gehört eher zu einem Bildvergleich. Delta-QA vergleicht heute auf Chromium.
Kann Percy Seiten mit Authentifizierung verarbeiten?
Ja. In Ihren automatisierten Tests übernimmt das Skript die Anmeldung vor der Aufnahme; der Website Scanner kann auch Seiten hinter einer Authentifizierung scannen. Bei Delta-QA ist die Anmeldung einfach Teil des aufgezeichneten Szenarios.
Hat Delta-QA ein SDK wie Percy?
Ja. Delta-QA hat inzwischen ein SDK, Vision, für Playwright (TypeScript/JavaScript). Das SDK Vision lässt eine Seite mit einer Zeile von Delta-QA prüfen, und eine nicht bewertete Abweichung lässt den Test fehlschlagen, mit dem Link zum Bericht in der CI.
Kann Percy On-Premise laufen?
Stand 10/2026 bietet die Preisübersicht von Percy kein On-Premise-Deployment: Rendering und Speicherung erfolgen auf der Infrastruktur von BrowserStack. Delta-QA bietet ein On-Premise-Angebot, das sich mit einem kostenlosen POC über einen Monat evaluieren lässt.
Können Percy und Delta-QA nebeneinander bestehen?
Ja. Sie können Percy in Ihren automatisierten Tests für Komponenten und Cross-Browser behalten und Delta-QA nutzen, damit das ganze Team seine Abläufe ohne Code prüft. Die beiden Werkzeuge sind unabhängig voneinander.