Best MCP servers for website screenshots and page capture
Compare MCP options for website screenshots by browser location, capture controls, and setup. See how to choose between local automation, hosted browsers, and a screenshot API.
Short answer: For a local MCP workflow that pairs visual capture with structured page inspection, start with Playwright MCP. It documents viewport, element, and full-page screenshots, plus accessibility snapshots for inspecting and interacting with page structure. For a hosted browser workflow, consider Browserbase MCP, which documents cloud browsing, interaction, and screenshots and requires an API key. If you need a screenshot API rather than an MCP-managed browser, try ScreenshotNeo first: it removes common consent banners, popups, and chat widgets before capture, and bills only clean shots.
This is a documentation-based comparison, not a measured head-to-head test. Choose by where the browser should run, what capture scope you need, and whether your workflow depends on structured page references or lower-level browser control.
What an MCP screenshot server does
An MCP server exposes tools that an MCP client, such as an AI-enabled editor or agent, can call. In a browser capture workflow, those tools may navigate to a page, inspect it, interact with it, and return a screenshot. Exact tools and setup vary by server and can change; consult each project’s current documentation before configuring a client.
A screenshot is visual evidence: it shows rendered pixels. It does not, by itself, give an agent a reliable semantic model of buttons, headings, or links. Playwright MCP also offers accessibility snapshots, which expose page structure and references for interaction. Use the snapshot to identify and act on page elements, and the screenshot to review appearance. [Playwright MCP overview]
At a glance: the screenshot options
| Option | Browser and control style | Good fit | Things to check |
|---|---|---|---|
| ScreenshotNeo | Screenshot API and MCP server; make a capture request or let an MCP client call its tools. | Direct image or PDF output, repeatable captures, AI-agent capture, or avoiding local browser setup. | It is an API/MCP service, not a general-purpose interactive browser session. Review the API documentation for current request parameters. |
| Playwright MCP | Local browser automation with accessibility references, selectors, and screenshot capture. | Local, repeatable browser workflows that combine screenshots with page inspection and interaction. | Install and configure the server and browser environment; select optional capabilities where needed. Full-page capture cannot be combined with a target element. |
| Browserbase MCP | Hosted cloud browser, with Stagehand-powered browsing and interaction documented by Browserbase. | Remote capture where you want the browser to run in Browserbase infrastructure. | Requires a Browserbase API key. Check current service terms and configuration in its documentation. |
| Chrome DevTools MCP | Listed as local, low-level Chrome DevTools Protocol control in Browserbase’s comparison. | Workflows that specifically need direct Chrome debugging control. | This characterization comes from a vendor-authored comparison, not an independent evaluation. |
| Puppeteer MCP | Listed as local and script-oriented in Browserbase’s comparison. | Chromium scripting workflows for teams already using Puppeteer. | The source is vendor-authored and does not establish comparative reliability or performance. |
ScreenshotNeo is first here as the screenshot API option because it removes common consent banners, popups, and chat widgets before capture, charges only for clean shots, and its paid plans start at $5 for 3,000 shots. That is a product-fit reason, not a claim that it replaces every browser automation server.
Browserbase’s broader recommendations for Chrome DevTools MCP and Puppeteer MCP are its own comparison guidance. Treat them as leads to investigate rather than neutral rankings. [Browserbase’s comparison]
How to choose
- Decide where the browser should run. Choose a local server when the browser needs to run on your machine or in your own controlled environment. Choose a hosted option when the job needs remote browser execution. A screenshot API can be simpler when the required result is an image or PDF rather than an ongoing interactive browser session.
- Choose the capture scope. A viewport screenshot captures what is currently visible. An element screenshot focuses on a selected page region. A full-page screenshot captures the scrollable page. For Playwright MCP, full-page mode and a target element are mutually exclusive.
- Choose how the agent identifies content. Accessibility snapshots provide structured page information and interaction references. Selectors address elements directly. Lower-level browser control is useful when a task needs more direct debugging or browser operations.
- Check output and scale requirements. Playwright MCP documents PNG, JPEG, and WebP output and CSS-pixel or device-pixel scaling. If you need a PDF or image transformation, verify the chosen tool’s current support before building the workflow.
- Account for setup and credentials. Local automation needs a compatible runtime and browser setup. Browserbase documents an API key requirement. Keep secrets in your MCP client’s secure configuration or environment, not in shared prompts or committed files.
- Test on the pages that matter. Consent dialogs, login walls, lazy-loaded content, animations, and bot checks can change what a screenshot contains. Confirm the actual output and error behavior for your pages before relying on unattended capture.
Playwright MCP: capture a screenshot
Playwright MCP is the clearest documented local starting point for page capture in this comparison. Its screenshot tool supports an optional target element or selector, a filename, a full-page switch, image type, and scale. If no filename is provided, the image may be returned inline in the tool response. The exact MCP client syntax depends on the client; use the tool schema surfaced by your configured server rather than assuming a universal JSON-RPC call shape. [Project overview and screenshot tool]
Typical capture sequence
- Configure Playwright MCP in your MCP client using the project’s current installation instructions.
- Ask the client to navigate to the target page.
- For pages that render asynchronously, wait until the relevant content is visible before capturing.
- Call
browser_take_screenshotwith the desired output type and scope. - Inspect the returned image or saved file. If the task also needs element understanding, use an accessibility snapshot separately.
Illustrative tool arguments for a full-page PNG capture (the client may wrap these differently):
{
"type": "png",
"fullPage": true,
"filename": "page.png",
"scale": "css"
}
For an element capture, use a target or selector supported by the current tool schema and leave fullPage disabled. Do not combine a target with fullPage: true; the documented tool does not support that combination. For WebP, change type to webp; for JPEG, use jpeg. CSS scale uses CSS pixels; device scale uses device pixels and can produce a denser image. Check the current tool schema for exact target field syntax and defaults.
Capabilities and browser engines
Playwright MCP’s overview describes navigation, page interaction, screenshots, console and network tools, and support for multiple browser engines including Chrome, Firefox, WebKit, and Edge. Its capabilities guide distinguishes core screenshot tools from optional features: coordinate-based screenshot workflows use the optional vision capability, and PDF export is also optional. Do not assume every capability is active in a default server configuration. [Overview; Capabilities guide]
Browserbase MCP: hosted capture
Browserbase documents an MCP server built around hosted headless browsers and Stagehand for browsing, interaction, extraction, and screenshots. It requires a Browserbase API key. This is a reasonable path when you want remote browser execution and your workflow benefits from browser interaction as well as capture. The documentation reviewed here does not establish pricing, comparative speed, or reliability, so check current service terms directly before choosing it. [Browserbase MCP documentation]
As with any hosted browser, determine where page requests execute, how credentials and session data are handled, and what your organization permits before sending private or authenticated pages to it. Configure credentials using the provider’s current secure setup guidance.
Or skip the browser setup
If your job is to get a screenshot or PDF rather than control a browser session, ScreenshotNeo offers a one-request capture API and an MCP server for Claude, Cursor, and other MCP clients. The API accepts a URL and returns PNG, JPEG, WebP, or PDF. Its MCP tools include take_screenshot, get_page_info, and capture_pdf. See the API docs for the current options and parameter details.
Using cURL:
curl -G "https://api.screenshotneo.com/v1/shot" \
-d access_key=YOUR_API_KEY \
--data-urlencode url=https://stripe.com \
-o shot.webp
Python:
import requests
r = requests.get(
"https://api.screenshotneo.com/v1/shot",
params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"},
timeout=90,
)
r.raise_for_status()
with open("shot.webp", "wb") as f:
f.write(r.content)
Node.js (built-in fetch):
const q = new URLSearchParams({
access_key: 'YOUR_API_KEY',
url: 'https://stripe.com'
});
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);
if (!res.ok) throw new Error(`Screenshot request failed: ${res.status}`);
await import('node:fs/promises').then(fs => fs.writeFile('shot.webp', Buffer.from(await res.arrayBuffer())));
- Cookie banners, popups, and chat widgets are removed before the shot; each removal step can be turned off.
- Bot checks, blank pages, timeouts, failed loads, and cache hits cost nothing. Response headers report the page verdict and billing status.
- An MCP server lets AI agents take screenshots, inspect page information, and capture PDFs.
- 1,000 screenshots a month are free with no card. Paid plans start at $5 for 3,000 shots; every feature is on every plan.
Sign up for 1,000 free screenshots a month, with no card.
Options that affect capture quality
For Playwright MCP, the documented screenshot controls include scope, output format, filename, and scale. Other browser behavior depends on the server capabilities and the page itself. Plan for these common cases:
- Lazy content: scrolling or waiting for a section may be necessary before capture. Full-page capture does not guarantee that every site has loaded all deferred content.
- Consent and overlays: a cookie dialog or newsletter modal may obscure the page. Browser automation can interact with page controls; an API that handles common consent interfaces can save setup for capture-only work.
- Responsive layout: viewport dimensions affect navigation, columns, and breakpoints. Use a consistent viewport when comparing captures.
- Retina detail: device-pixel scale can yield higher pixel density than CSS-pixel scale, with larger image output.
- Authentication: authenticated capture needs a deliberate session or credential flow. Avoid putting secrets in prompts, source control, or publicly accessible screenshot URLs.
- Dynamic pages: animations, rotating content, timestamps, and A/B tests can make repeated captures differ even when the URL is unchanged.
Reliability, performance, and cost
Reliability
Capture reliability depends on page load behavior, browser state, network access, site defenses, and the chosen wait condition. A successful tool call does not guarantee that the page was visually complete. For repeatable workflows, use a stable viewport, wait for a meaningful page condition, and retain the output or verdict needed to diagnose failures.
Performance
There is no independent performance benchmark in the reviewed sources. Avoid choosing a server based on unsupported speed claims. Full-page captures and device-pixel images can produce larger outputs than a viewport capture at CSS scale. Remote execution also adds a hosted service to the path; measure your own end-to-end workflow if latency matters.
Cost
The cited Playwright documentation and Browserbase MCP page do not provide enough comparable pricing information to calculate a cross-tool cost ranking. Confirm current service pricing and any browser-runtime costs before production use. ScreenshotNeo’s published plans are Free (1,000 shots/month), Starter ($5 for 3,000), Growth ($15 for 15,000), Pro ($39 for 60,000), Scale ($99 for 250,000), and Business ($249 for 1,000,000); yearly billing gives two months free. Only clean shots are billed, and every feature is available on every plan. See ScreenshotNeo for current plan details.
Troubleshooting
| Symptom | Likely cause | What to do |
|---|---|---|
| Screenshot tool is missing | The server is not connected, the client configuration is invalid, or a capability is not enabled. | Check the MCP client’s server status and current Playwright capability configuration; restart the server after configuration changes. |
| Full-page screenshot fails with a target | Playwright MCP does not allow full-page mode and an element target together. | Capture the full page without a target, or capture the element without full-page mode. |
| Image is not saved where expected | No filename was supplied, so the image may be returned inline. | Set a filename using the current tool schema, or save the inline result from the client. |
| Screenshot is blank or incomplete | The page may still be loading, blocked, or dependent on deferred content. | Wait for a meaningful element or page state, check browser console/network information if available, and retry with a suitable environment. |
| Element is not found | The selector may be wrong, the element may not yet exist, or content may be inside a frame or shadow root. | Inspect the accessibility snapshot or page structure, wait for the target, and verify the selector against the rendered page. |
| Coordinate actions hit the wrong area | Coordinates can shift with viewport size, page scrolling, or scale. | Use a stable viewport and current screenshot; enable the optional vision capability only if that coordinate workflow is needed. |
| Browserbase connection is rejected | The required API key may be missing, invalid, or configured in the wrong place. | Follow Browserbase’s current MCP setup and secret configuration instructions; do not paste keys into shared prompts. |
| Capture differs between runs | Dynamic content, animation, personalization, or experiments changed. | Stabilize the page state where possible, use consistent browser settings, and compare captures with that variability in mind. |
Frequently asked questions
Which MCP server should I try first for local screenshots?
Playwright MCP, because its official documentation directly covers viewport, element, and full-page screenshots and pairs capture with accessibility-based page inspection.
Can an accessibility snapshot replace a screenshot?
No. It provides structured page information for inspection and interaction; a screenshot records visual appearance.
Can I use Browserbase MCP without an API key?
Browserbase’s documentation says an API key is required.
Are these tools ranked by speed or reliability?
No. The comparison is based on documented capabilities and execution model; the reviewed sources contain no independent head-to-head measurements.
When should I use a screenshot API instead of browser MCP?
Use an API when the output you need is a screenshot or PDF and you do not need an agent to control a live browser session. Use browser MCP when the workflow needs navigation, inspection, and interaction as well as visual capture.
