Review the pixels your tests drew.

Price it for your suite. Move the sliders. Every tool here bills for this many screenshots a month, except stateofpixel.

Stories or pages300Viewports3Browsers1Builds a month400

Screenshots a month360,000

stateofpixelFree, 5.5 GB stored$0 /mo

PercyDesktop 25k + 335,000 extra$12,609 /mo

$151,308 a year less than Percy.

Screenshots are stories x viewports x browsers x builds. For stateofpixel, 5% of screenshots change per build at 80 KB each, and pull request images are kept 60 days. The cheapest list plan for each tool, before tax, from Percy pricing on 27 September 2026. Percy prices are month to month; yearly billing is lower.

Switch in one pull request. Keep your tests. Change the step that sends screenshots to Percy.

1. 1Install the GitHub AppPick the repositories. On GitHub Actions there is no token to copy.
2. 2Swap percySnapshot() for snapshot()Import it from stateofpixel/playwright and add the reporter. It waits for fonts and disables animations.
3. 3Merge to mainThat build becomes the baseline, and pull requests compare against it.

steps:
  - run: npx percy exec -- npx playwright test
    env:
      PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }}

permissions:
  id-token: write

steps:
  - run: npx playwright test

import { defineConfig } from "@playwright/test";

export default defineConfig({
  reporter: [["list"], ["stateofpixel/playwright"]],
});