The Grabbit blog

How to capture websites, generate OG images, test UIs visually, and automate screenshots at scale.

How to Fix Puppeteer Memory Leaks in Production (and When to Stop Running Chromium)
Dev frameworks

How to Fix Puppeteer Memory Leaks in Production (and When to Stop Running Chromium)

Why Puppeteer leaks memory in production, the fixes people actually ship (disposable browsers, --js-flags, per-container caps), how to find the real source, and when to stop running Chromium yourself and hand screenshots to an API instead.

Jul 21, 2026 · 9 min read

Playwright MCP: When Your Agent Needs the Accessibility Tree (and When It Needs to See)
Product

Playwright MCP: When Your Agent Needs the Accessibility Tree (and When It Needs to See)

Playwright MCP gives an AI agent a real browser and reads the accessibility tree instead of screenshots. Here is what it does well, the token cost tradeoff, and when your agent needs a rendered image instead.

Jul 20, 2026 · 6 min read

ScreenshotOne Alternative: An Honest Comparison (Flat Pricing, No Monthly Reset)
Comparisons

ScreenshotOne Alternative: An Honest Comparison (Flat Pricing, No Monthly Reset)

Looking for a ScreenshotOne alternative? Here is an honest, side-by-side comparison on pricing model, per-grab cost, and agent onboarding, plus who should stay on ScreenshotOne.

Jul 19, 2026 · 6 min read

How to Convert a URL to an Image (One Call, or a Thousand)
Capture guides

How to Convert a URL to an Image (One Call, or a Thousand)

Convert a URL to a hosted PNG, JPG, or WebP with one API call, then scale the same call across a list of URLs. Covers batching, concurrency, caching, and the failure modes that break bulk conversion.

Jul 17, 2026 · 5 min read

How to Fix Facebook Link Previews (Open Graph for Facebook)
OG images

How to Fix Facebook Link Previews (Open Graph for Facebook)

Why your Facebook link shows up bare or with the wrong image, and how to fix it: set the right Open Graph tags, point og:image at a real render of your page, meet the 600 by 315 minimum, and run the Sharing Debugger's Scrape Again to bust Facebook's cache.

Jul 16, 2026 · 8 min read

Puppeteer Alternatives in 2026: What to Use Instead (by Job)
Dev frameworks

Puppeteer Alternatives in 2026: What to Use Instead (by Job)

An honest guide to Puppeteer alternatives in 2026, matched to the job: Playwright for automation, Selenium for cross-language, Cypress for app tests, and a hosted API when all you need is a screenshot of a URL.

Jul 15, 2026 · 6 min read

How to Take Screenshots with Headless Chrome (and the API Alternative)
Dev frameworks

How to Take Screenshots with Headless Chrome (and the API Alternative)

Capture a webpage screenshot with headless Chrome from the command line: the real chrome --headless --screenshot command, its window-size and full-page limits, and when a hosted API is less to maintain.

Jul 14, 2026 · 6 min read

How to Fix iMessage Link Previews (Open Graph for Apple Messages)
OG images

How to Fix iMessage Link Previews (Open Graph for Apple Messages)

Why your link shows up as a bare gray bubble in iMessage, and how to fix it: add the right Open Graph tags, point og:image at a real render of your page, put the URL at the start or end of the message, and re-send to bust the per-device cache.

Jul 13, 2026 · 8 min read

How to Take Screenshots in Cypress (and When to Reach for an API)
Dev frameworks

How to Take Screenshots in Cypress (and When to Reach for an API)

Capture screenshots in Cypress with cy.screenshot(): manual shots, full-page captures, elements, automatic on-failure images, and where they get saved. Plus the captures Cypress cannot do, and when an API fits.

Jul 12, 2026 · 5 min read

Storybook Screenshot Testing: Catch Component Regressions (Without Chromatic)
Testing & monitoring

Storybook Screenshot Testing: Catch Component Regressions (Without Chromatic)

Set up Storybook screenshot testing yourself with Playwright and the test-runner: capture each story, diff against a baseline, and catch visual regressions without a paid service.

Jul 11, 2026 · 5 min read

How to Save a Webpage as an Image Programmatically (URL to PNG or JPG)
Capture guides

How to Save a Webpage as an Image Programmatically (URL to PNG or JPG)

Turn any URL into a hosted PNG, JPG, or WebP with one API call. The programmatic way to save a webpage as an image, plus the manual browser methods and when each fits.

Jul 10, 2026 · 5 min read

How to Fix WhatsApp Link Previews (Open Graph for WhatsApp)
OG images

How to Fix WhatsApp Link Previews (Open Graph for WhatsApp)

Why your link shows up bare in WhatsApp, and how to fix it: add the right Open Graph tags, point og:image at a real render of your page, keep the image under 600KB, and re-send to bust WhatsApp's per-device cache.

Jul 9, 2026 · 8 min read

Open Graph Debugger: How to Fix a Broken Link Preview
OG images

Open Graph Debugger: How to Fix a Broken Link Preview

Use an Open Graph debugger to fix a broken link preview. Read the Facebook, LinkedIn, and X validators, force a re-scrape to clear a stale cache, and generate a correct og:image.

Jul 8, 2026 · 6 min read

How to Convert a Website to PNG (URL to PNG Image via API)
Capture guides

How to Convert a Website to PNG (URL to PNG Image via API)

Turn any URL into a hosted PNG with one API call. When PNG is the right format over WebP or JPEG, how to capture the full page, and why lossless output matters for visual testing.

Jul 7, 2026 · 6 min read

Playwright Screenshot on Failure: Debug Failing Tests with Auto-Captures
Dev frameworks

Playwright Screenshot on Failure: Debug Failing Tests with Auto-Captures

Configure Playwright to capture a screenshot the moment a test fails, wire it into the HTML report and traces, and see the picture of the broken page instead of guessing from a stack trace.

Jul 6, 2026 · 7 min read

Screenshot Testing: How to Catch UI Regressions with Baseline Captures
Testing & monitoring

Screenshot Testing: How to Catch UI Regressions with Baseline Captures

How screenshot testing works: capture a baseline image of your UI, diff every new build against it, and catch layout regressions functional tests miss. Covers the false-positive traps and where a hosted render fits.

Jul 5, 2026 · 6 min read

How to Put a Website Screenshot in a Browser Frame (Automate the Capture)
Capture guides

How to Put a Website Screenshot in a Browser Frame (Automate the Capture)

Stop manually screenshotting your site and dropping it into a Figma browser frame. Automate the capture with one API call, then wrap the real screenshot in a CSS or Tailwind browser mockup, no design round-trip.

Jul 4, 2026 · 7 min read

How to Screenshot a Webpage Programmatically (URL to Image at Scale)
Capture guides

How to Screenshot a Webpage Programmatically (URL to Image at Scale)

Capturing one webpage by hand is easy. Capturing hundreds reliably from code is not. Here is how to screenshot a webpage programmatically with a single API call, plus how to run it over a full URL list without babysitting a headless browser.

Jul 3, 2026 · 5 min read

Twitter Card Validator: How to Test Your X Link Preview (the Validator Is Gone)
OG images

Twitter Card Validator: How to Test Your X Link Preview (the Validator Is Gone)

X retired its Twitter Card Validator, so cards-dev.twitter.com no longer works. Here is how to validate an X card in 2026: draft the tweet, inspect the served twitter: and og: tags, and use a third-party Open Graph debugger.

Jul 2, 2026 · 8 min read

How to Convert a Webpage to an Image (URL to JPG, PNG, or WebP)
Capture guides

How to Convert a Webpage to an Image (URL to JPG, PNG, or WebP)

Turn any URL into a hosted JPG, PNG, or WebP image with one API call. No headless Chrome to install, no local converter, and the format and full-page options developers actually need.

Jul 1, 2026 · 6 min read

@vercel/og vs a Screenshot API: When to Render OG Images with a Real Browser
OG images

@vercel/og vs a Screenshot API: When to Render OG Images with a Real Browser

@vercel/og is instant and edge-cached, but satori breaks on RTL languages, CSS grid, and some custom fonts. Here is when to keep it and when to render OG images with a real browser instead.

Jun 30, 2026 · 6 min read

How to Take a Website Screenshot in PHP (Browsershot and the API Alternative)
Dev frameworks

How to Take a Website Screenshot in PHP (Browsershot and the API Alternative)

Two honest ways to capture a website screenshot in PHP: Spatie Browsershot driving headless Chrome, or a hosted screenshot API. Working code, the gotchas each one hits, and why imagegrabscreen is not the answer.

Jun 29, 2026 · 4 min read

How to Automate Website Screenshots in GitHub Actions
Capture guides

How to Automate Website Screenshots in GitHub Actions

Capture website screenshots automatically in a GitHub Actions workflow. A single curl step that screenshots any URL on every push or deploy, stores the image, and needs no browser to install or maintain in CI.

Jun 28, 2026 · 7 min read

How to Screenshot a Specific Element on a Page (With a CSS Selector)
Capture guides

How to Screenshot a Specific Element on a Page (With a CSS Selector)

Capture just one element from a web page instead of the whole thing. How element screenshots work in the browser, in code, and with a CSS selector over an API, and when each one fits.

Jun 27, 2026 · 6 min read

How to Generate a Website Preview Image from a URL
Capture guides

How to Generate a Website Preview Image from a URL

Turn any URL into a website preview image with one API call. How to render a real screenshot of a page, what size to capture, how it differs from a social link preview, and how to cache the image.

Jun 26, 2026 · 6 min read

Twitter Card Image Size: The Right Dimensions for X Link Previews
OG images

Twitter Card Image Size: The Right Dimensions for X Link Previews

The Twitter (X) card image size that renders a large preview is 1200 by 628 pixels at a 1.91 to 1 ratio. Here is how to set twitter:card and og:image, validate the card, and make the image a real screenshot of your page.

Jun 25, 2026 · 7 min read

How to Fix LinkedIn Link Previews (Open Graph for LinkedIn)
OG images

How to Fix LinkedIn Link Previews (Open Graph for LinkedIn)

Why your LinkedIn link shows up bare or with the wrong image, and how to fix it: add the right Open Graph tags, point og:image at a real 1200x627 render, and force LinkedIn to re-scrape with Post Inspector.

Jun 24, 2026 · 7 min read

How to Generate a Website Thumbnail from a URL (Automatically)
Capture guides

How to Generate a Website Thumbnail from a URL (Automatically)

Turn any URL into a website thumbnail with one API call. How automatic thumbnail generation works, what size to use, and how to cache the image for galleries, dashboards, and directories.

Jun 23, 2026 · 6 min read

HTML to Image: How to Render HTML to PNG, JPG, or WebP
Capture guides

HTML to Image: How to Render HTML to PNG, JPG, or WebP

Three ways to turn HTML into an image: a client-side DOM library, an online converter, and a screenshot API that renders your HTML at a URL and returns a hosted PNG, JPG, or WebP.

Jun 22, 2026 · 6 min read

Discord Link Previews: How to Make Your Links Unfurl
OG images

Discord Link Previews: How to Make Your Links Unfurl

Why your links show up bare in Discord and how to fix it: add the right Open Graph tags, point og:image at a real 1200x630 render, and force Discord to re-fetch the metadata.

Jun 21, 2026 · 6 min read

How to Take a Scrolling Screenshot (Every Device and Browser)
Capture guides

How to Take a Scrolling Screenshot (Every Device and Browser)

How to take a scrolling screenshot on Windows, Mac, iPhone, Android, Chrome, and Firefox, plus how to capture long scrolling pages automatically with an API.

Jun 20, 2026 · 5 min read

How to Screenshot a List of URLs (Bulk Capture for Research and Audits)
Capture guides

How to Screenshot a List of URLs (Bulk Capture for Research and Audits)

Capture screenshots of a whole list of URLs at once. Compare browser extensions, DIY scripts, and a screenshot API, with a runnable loop that turns a URL list into hosted images.

Jun 19, 2026 · 6 min read

ProductScreenshots for AI Agents: Giving Your LLM Eyes on the Web
Product

Screenshots for AI Agents: Giving Your LLM Eyes on the Web

Multimodal LLMs can reason about images, but they need a way to see web pages. A screenshot API is the one-line bridge that turns any URL into a hosted image your agent can analyze.

Jun 18, 2026 · 5 min read

How to Take a Website Screenshot in Node.js (4 Ways)
Dev frameworks

How to Take a Website Screenshot in Node.js (4 Ways)

Four ways to screenshot a website in Node.js: Puppeteer, Playwright, the capture-website wrapper, and a hosted API. Working code, the trade-offs, and when to skip running Chromium.

Jun 18, 2026 · 4 min read

Playwright Visual Regression Testing: Catch UI Bugs in CI
Testing & monitoring

Playwright Visual Regression Testing: Catch UI Bugs in CI

Set up visual regression testing in Playwright with toHaveScreenshot: baselines, diff thresholds, the CI flake problem, and where a screenshot API fits as a stable baseline source.

Jun 17, 2026 · 4 min read

Capture guidesHow to Screenshot an Entire Web Page on Any Device
Capture guides

How to Screenshot an Entire Web Page on Any Device

A practical guide to capturing full-page screenshots on Windows, Mac, iPhone, Android, and in code. One API call handles any device or environment.

Jun 17, 2026 · 5 min read

How to Screenshot a Website in Python (3 Approaches That Work)
Dev frameworks

How to Screenshot a Website in Python (3 Approaches That Work)

Three ways to capture a website screenshot in Python: Selenium, Playwright, and a hosted API. Full-page captures, the gotchas each one hits, and when to skip running a browser entirely.

Jun 17, 2026 · 4 min read

OG Image Examples: 10 Patterns Worth Copying (and How They Are Built)
OG images

OG Image Examples: 10 Patterns Worth Copying (and How They Are Built)

Ten Open Graph image patterns that actually get clicks, what makes each one work, and the build approach behind them, so you can ship great social previews on every page without a design tool.

Jun 16, 2026 · 5 min read

Testing & monitoringHow to Monitor a Website for Visual Changes
Testing & monitoring

How to Monitor a Website for Visual Changes

A practical guide to website change monitoring: capture a baseline screenshot, re-capture on a schedule, diff the images, and alert when something changes.

Jun 16, 2026 · 5 min read

How to Take Screenshots in Selenium (Full Page and Element)
Dev frameworks

How to Take Screenshots in Selenium (Full Page and Element)

How to capture screenshots in Selenium WebDriver: the viewport default, the full-page workarounds Selenium does not handle natively, single elements, and when a screenshot API is less work.

Jun 16, 2026 · 4 min read

How to Add Dynamic OG Images in Next.js
OG images

How to Add Dynamic OG Images in Next.js

Add dynamic Open Graph images to a Next.js app two ways: the built-in opengraph-image convention with @vercel/og for templated cards, and a screenshot API when you want the OG image to be a real render of the page.

Jun 15, 2026 · 4 min read

Capture guidesHow to Screenshot a Website from a URL (No Browser Needed)
Capture guides

How to Screenshot a Website from a URL (No Browser Needed)

Skip the headless browser setup. Learn the three ways to capture a screenshot from a URL, and when a screenshot API beats Puppeteer or Playwright for production workloads.

Jun 15, 2026 · 5 min read

Puppeteer vs Playwright for Screenshots: Which Should You Use?
Dev frameworks

Puppeteer vs Playwright for Screenshots: Which Should You Use?

A practical comparison of Puppeteer and Playwright for taking screenshots: API ergonomics, full-page capture, cross-browser support, speed, and when a hosted API beats both.

Jun 15, 2026 · 6 min read

The Best Visual Regression Testing Tools (Open Source and SaaS)
Testing & monitoring

The Best Visual Regression Testing Tools (Open Source and SaaS)

A practical rundown of the best visual regression testing tools in 2026, open source and SaaS, plus how to feed any of them consistent screenshots of deployed URLs.

Jun 14, 2026 · 4 min read

Dev frameworksHow to Take Screenshots in Playwright (Full Page, Elements, CI)
Dev frameworks

How to Take Screenshots in Playwright (Full Page, Elements, CI)

Everything you need to take screenshots in Playwright: the viewport default, full-page captures, element-level shots, and wiring it all into CI. Plus when to reach for an API instead.

Jun 14, 2026 · 8 min read

How to Test and Preview Your OG Image Before Publishing
OG images

How to Test and Preview Your OG Image Before Publishing

Preview your OG image before you publish using platform debuggers and a screenshot API. Test how a link unfurls on X, Facebook, LinkedIn, Slack, and from localhost.

Jun 14, 2026 · 7 min read

OG imagesWhat Is an OG Image? Why Your Shared Links Look Broken
OG images

What Is an OG Image? Why Your Shared Links Look Broken

An OG image is the preview image that appears when a link is shared on social media. Learn what it is, why it breaks, and how to automate one per page.

Jun 13, 2026 · 5 min read

How to Capture a Full-Page Screenshot in Google Chrome
Capture guides

How to Capture a Full-Page Screenshot in Google Chrome

Capture a full-page screenshot in Chrome with built-in DevTools, no extension required. Plus the keyboard shortcut, the extension route, and how to automate it for many pages.

Jun 13, 2026 · 4 min read

Full-Page Screenshots in Puppeteer (and When an API Is Faster)
Dev frameworks

Full-Page Screenshots in Puppeteer (and When an API Is Faster)

How to take screenshots in Puppeteer: full page, specific elements, and high quality. Plus the failure modes that make people switch to a hosted screenshot API.

Jun 12, 2026 · 5 min read

OG imagesHow to Generate Dynamic OG Images from Any URL
OG images

How to Generate Dynamic OG Images from Any URL

Generate a unique Open Graph image for every page by pointing a screenshot API at your HTML template. One template, zero design work, scales to any number of pages.

Jun 12, 2026 · 4 min read

ComparisonsThe Best Screenshot APIs in 2026 (An Honest Comparison)
Comparisons

The Best Screenshot APIs in 2026 (An Honest Comparison)

Comparing the top screenshot APIs on billing model, per-grab cost, features, and agent support so you can pick the right one for your project.

Jun 11, 2026 · 6 min read

Visual Regression Testing: A Practical Guide for 2026
Testing & monitoring

Visual Regression Testing: A Practical Guide for 2026

What visual regression testing is, how the baseline-and-diff workflow works, the best tools, and how consistent screenshots keep your visual tests from going flaky.

Jun 11, 2026 · 4 min read

How to Take a Full-Page Screenshot (Every Method That Works in 2026)
Capture guides

How to Take a Full-Page Screenshot (Every Method That Works in 2026)

How to take a full-page screenshot on Chrome, Firefox, Edge, Windows, Mac, iPhone, and Android, plus how to capture full pages automatically with an API.

Jun 10, 2026 · 4 min read

Open Graph Image Sizes and Dimensions: The Complete 2026 Guide
OG images

Open Graph Image Sizes and Dimensions: The Complete 2026 Guide

The right Open Graph image size is 1200 by 630 pixels. Here are the exact dimensions for Facebook, X, LinkedIn, Slack, and Discord, plus how to generate OG images from a URL.

Jun 10, 2026 · 4 min read