Visual Regression Testing with Screenshots

Capture before/after screenshots for visual regression testing. Compare deployments, catch CSS bugs, and verify UI changes across devices.

Code Examples

Node.js

const fetch = require("node-fetch");
const fs = require("fs");

const devices = ["desktop", "iphone14", "ipad"];
const envs = { staging: "https://staging.example.com", prod: "https://example.com" };

for (const device of devices) {
  for (const [env, url] of Object.entries(envs)) {
    const res = await fetch(
      "https://snapapi.tech/v1/screenshot?" + new URLSearchParams({
        url, api_key: "YOUR_KEY", device
      })
    );
    fs.writeFileSync(`${env}-${device}.png`, Buffer.from(await res.arrayBuffer()));
  }
}
console.log("Compare staging vs prod screenshots!");

Get Your Free API Key Read the Docs

Try It Live

Capturing screenshot...

Why SnapAPI?

No Browser Setup

We run Chromium so you don't have to. No Puppeteer, no Selenium, no drivers.

PNG, JPEG, WebP

Choose your format. Set quality. Get optimized output.

Mobile Emulation

9 device presets — iPhone, Pixel, iPad, desktop. One parameter.

Full Page Capture

Scroll the entire page and stitch into one image. Automatic.

Element Selector

Capture a specific element by CSS selector instead of the whole page.

Dark Mode

Emulate prefers-color-scheme: dark to capture dark-themed pages.

Built For

SEO monitoring — track how pages render for search engines
Automation workflows — add screenshots to CI/CD, reporting, and alerts
SaaS dashboards — embed live website previews in your app
Social sharing — generate Open Graph and Twitter Card images
Visual testing — catch CSS regressions across deployments
Competitive analysis — archive competitor pages over time

How It Works

1. Sign up for a free API key — 100 screenshots/month, no credit card required.

2. Make a GET request to /v1/screenshot with your URL and API key.

3. Receive a pixel-perfect screenshot as a binary image, or JSON with metadata if meta=true.

That's it. No browser installation, no Chromium management, no headless infrastructure to maintain.