Visual testing for Netlify previews

Capture screenshots of Netlify deploy previews. Add visual regression testing to your JAMstack and static site workflows.

Get API Key View Docs

Netlify + Scrnpix Automation

Capture deploy preview screenshots via webhook or GitHub Actions:

curl "https://api.scrnpix.com/screenshot?url=https%3A%2F%2Fdeploy-preview-123--your-site.netlify.app&width=1366&height=768&full_page=true" \
  -H "X-KEY: your-api-key" \
  -o netlify-preview.png

Netlify Deployment Response Handling

Handle API responses when capturing Netlify previews:

Status	Description
200 OK	Success. Attach to PR check or store in Netlify Large Media.
400 Bad Request	Invalid URL. Verify deploy preview URL from Netlify notification.
401 Unauthorized	API key error. Store in GitHub Secrets or Netlify Environment Variables.
408 Timeout	Preview not ready. Wait for deploy-succeeded webhook before capture.
5xx Server Error	Server error. Retry after brief delay.

Key Features

Deploy Preview Capture

Automatically screenshot every Netlify deploy preview. Review changes visually before merge.

JAMstack Ready

Netlify is JAMstack-focused. Capture static sites, Gatsby, Hugo, and other SSG output.

Webhook Triggers

Use Netlify deploy notifications to trigger Scrnpix. Automate on deploy-succeeded events.

GitHub Integration

Netlify posts to GitHub PRs. Add screenshots alongside deploy preview links.

Frequently Asked Questions

How do I screenshot Netlify deploy previews?

Use Netlify deploy notifications or GitHub Actions. Extract deploy preview URL and call Scrnpix API.

Can I use Netlify Functions with Scrnpix?

Yes. Create a Netlify Function that calls Scrnpix API. Trigger via deploy webhook for automation.

How do I find the deploy preview URL?

Netlify provides URL in deploy notifications and GitHub PR comments. Format: deploy-preview-N--site.netlify.app.

Add visual testing to Netlify

Capture screenshots of Netlify deploy previews. Automate visual regression for JAMstack projects.

Get Started