Screenshot Visual Diff
Pricing
from $4.00 / 1,000 completed comparisons
Capture public pages or compare existing PNG/JPEG images with deterministic changed-pixel metrics and red-highlighted visual diff images.
You can access the Screenshot Visual Diff programmatically from your own applications by using the Apify API. You can also choose the language preference from below. To use the Apify API, you’ll need an Apify account and your API token, found in API & Integrations in Apify Console.
1import { ApifyClient } from 'apify-client';2
3// Initialize the ApifyClient with your Apify API token4// Replace the '<YOUR_API_TOKEN>' with your token5const client = new ApifyClient({6 token: '<YOUR_API_TOKEN>',7});8
9// Prepare Actor input10const input = {11 "comparisons": [12 {13 "baseline": {14 "base64": "iVBORw0KGgoAAAANSUhEUgAAAEAAAAAgCAIAAAAt/+nTAAAAYUlEQVR4nO3XsQ3AIAwAwRBlBYZgHCZlnAzBEE6bFhLpZemvc4HklytKRByZnfQCXxlAu95DbX31/bzHf8vsSH8BA2gG0AygGUAzgGYAzQBa+oDipx5mAM0AmgE0A2jpAx7I0wk71vJJhgAAAABJRU5ErkJggg==",15 "filename": "baseline.png"16 },17 "current": {18 "base64": "iVBORw0KGgoAAAANSUhEUgAAAEAAAAAgCAIAAAAt/+nTAAAAYUlEQVR4nO3XsQ3AIAwAwRBlBYZgHCZlnAzBEE6bFhLpZemvc4HklytKRByZnfQCXxlAu95DbX31/bzHf8vsSH8BA2gG0AygGUAzgGYAzQBa+oDipx5mAM0AmgE0A2jpAx7I0wk71vJJhgAAAABJRU5ErkJggg==",19 "filename": "unchanged.png"20 }21 },22 {23 "baseline": {24 "base64": "iVBORw0KGgoAAAANSUhEUgAAAEAAAAAgCAIAAAAt/+nTAAAAYUlEQVR4nO3XsQ3AIAwAwRBlBYZgHCZlnAzBEE6bFhLpZemvc4HklytKRByZnfQCXxlAu95DbX31/bzHf8vsSH8BA2gG0AygGUAzgGYAzQBa+oDipx5mAM0AmgE0A2jpAx7I0wk71vJJhgAAAABJRU5ErkJggg==",25 "filename": "baseline.png"26 },27 "current": {28 "base64": "iVBORw0KGgoAAAANSUhEUgAAAEAAAAAgCAIAAAAt/+nTAAAAe0lEQVR4nO3YsQmAMBBGYSNZwQmsbhwndZyrnMAhzlZBkETlcfB/XSSBPK5RS0QMmY30Bd5SAK2eF5Mtred3X7+7TI/0E1AArT5v+cdm1rR/dr99nn4CCqApgKYAmgJoCqClD7i8zOFfJx3ST0ABtKIfWzAF0BRASx9wAKFiDrBQ8XxcAAAAAElFTkSuQmCC",29 "filename": "changed.png"30 }31 }32 ]33};34
35// Run the Actor and wait for it to finish36const run = await client.actor("poyraz_demir/screenshot-visual-diff").call(input);37
38// Fetch and print Actor results from the run's dataset (if any)39console.log('Results from dataset');40console.log(`💾 Check your data here: https://console.apify.com/storage/datasets/${run.defaultDatasetId}`);41const { items } = await client.dataset(run.defaultDatasetId).listItems();42items.forEach((item) => {43 console.dir(item);44});45
46// 📚 Want to learn more 📖? Go to → https://docs.apify.com/api/client/js/docsThe Apify API client for JavaScript is the official library that allows you to use Screenshot Visual Diff API in JavaScript or TypeScript, providing convenience functions and automatic retries on errors.
Install the apify-client
$npm install apify-clientOther API clients include: