For a Node.js project that already uses Puppeteer, start with Puppeteer itself: its built-in Page.screenshot() captures a page, and ElementHandle.screenshot() captures a selected element. You usually do not need a separate screenshot wrapper for those jobs. Consider Playwright if its documented Chromium, Firefox, and WebKit options better fit your browser-automation requirements. If you would rather call a hosted screenshot service than provision a browser, ScreenshotNeo is the first service to consider: it removes common consent banners and other overlays before capture, and does not bill for failed or blank captures.
Which Node.js screenshot option should you choose?
| Option | Best fit | What to know |
|---|---|---|
| ScreenshotNeo | You want screenshots through an API or MCP server without setting up a browser in your app. | One GET request can return an image or PDF. Its clean-capture steps can be disabled individually; only clean shots are billed. See ScreenshotNeo. |
| Puppeteer | Your app already uses Puppeteer, or you want direct control of a browser from Node.js. | Use the built-in page or element screenshot method. You manage browser provisioning and capture execution. |
| Playwright | You are choosing a broader browser-automation stack and its documented browser-engine options suit your needs. | Its page API and screenshot guide document viewport, full-page, buffer, and element captures, with examples for Chromium, Firefox, and WebKit. |
This is a feature-based choice, not a speed or reliability ranking. The available documentation does not establish a controlled head-to-head benchmark for screenshot workloads. Puppeteer’s screenshots guide recommends Page.screenshot() for capturing screenshots: Puppeteer Screenshots.
Capture a screenshot with Puppeteer
Install Puppeteer
For the standard package, install Puppeteer in your Node.js project:
npm install puppeteerThe Puppeteer installation documentation says puppeteer downloads a compatible Chrome. If you use puppeteer-core, you install the library without that browser download and must provide a browser installation yourself. Package-manager settings that block install scripts can also prevent the browser download; see the Puppeteer installation documentation for its manual browser-install instructions.
Save a full-page image
This complete CommonJS example opens a page, waits for navigation, saves a full-page PNG, and closes the browser even if capture fails:
#1 Best Overall
- Read Before You Buy — No Video Output: These adapters support charging and USB 2.0 data transfer, but cannot transmit video signals. Except for standard USB webcams (which use USB data only), they are not compatible with HDMI/DisplayPort cables, video-capable USB-C hubs, or docking stations with video output.
- Convert USB-A Ports to USB-C: Designed to connect USB-C earphones, cables, flash drives, card readers, and other USB-C accessories to standard USB-A ports. Plug-and-play with no drivers or software required.
- Aluminum Alloy Housing: Built with a sturdy aluminum alloy shell that aids in heat dissipation and protects against daily wear and scratches. Designed to maintain a stable and secure connection.
- Compact & Travel-Friendly: The ultra-compact design allows the adapter to stay plugged into your device without blocking adjacent ports or adding bulk, reducing wear and tear on your original USB ports.
- 12-Month Warranty: Backed by a 12-month manufacturer warranty for peace of mind. Designed to meet strict quality control standards for reliable everyday performance.
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
try {
const page = await browser.newPage();
await page.goto('https://example.com', { waitUntil: 'networkidle2' });
await page.screenshot({ path: 'page.png', fullPage: true });
} finally {
await browser.close();
}
})().catch((error) => {
console.error(error);
process.exitCode = 1;
});Replace https://example.com with the page you control or are authorized to capture. fullPage: true captures beyond the current viewport; omit it for a viewport screenshot. Navigation wait conditions are not a guarantee that every site has finished client-side rendering, so for pages that render late, wait for a meaningful selector or add an appropriate delay before capture.
Capture one element
Wait for the target selector, then take a screenshot from its element handle. Puppeteer’s screenshots guide notes that the element screenshot method attempts to scroll a hidden element into view.
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
try {
const page = await browser.newPage();
await page.goto('https://example.com', { waitUntil: 'networkidle2' });
const element = await page.waitForSelector('.product-card');
if (!element) throw new Error('Could not find .product-card');
await element.screenshot({ path: 'product-card.png' });
} finally {
await browser.close();
}
})().catch((error) => {
console.error(error);
process.exitCode = 1;
});For a clipped region rather than an element, use the clip option on page.screenshot(). Check the current Page.screenshot() API and ScreenshotOptions reference for the option shape supported by the Puppeteer version you install.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
Rank #2
- 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
- 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
- Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
- 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
- What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.
Choose output and capture options
- File or in-memory data: set
pathto save a file. Without a path,Page.screenshot()returns image bytes as aUint8Arrayby default; the API also documents a base64 option. - Image type: the options reference documents
typefor output format. Choose a format supported by the installed version and your downstream consumer. - Quality: the documented
qualityoption applies where applicable; it does not apply to PNG. - Transparency: set
omitBackground: truewhen you need a transparent background instead of the default page background. - Capture area: choose viewport capture,
fullPage: true, an element handle’s screenshot, or acliprectangle, depending on what should appear in the output.
For example, a JPEG capture to disk can be requested with await page.screenshot({ path: 'page.jpg', type: 'jpeg', quality: 80 });. Confirm the applicable options against the ScreenshotOptions reference for your installed version.
When is Playwright a better fit?
Choose Playwright as the alternative when its broader browser-automation options align with your application, particularly if your project needs to work across the documented Chromium, Firefox, and WebKit choices. Its Page API and screenshots guide document page, full-page, buffer, and element capture paths.
If your codebase already depends on Puppeteer and only needs page or element images, adding another automation library solely for screenshots is not established as necessary by these APIs. Neither the cited documentation nor the available evidence supports a general claim that Playwright or Puppeteer is faster, more stable, or more visually accurate for every workload. Verify current browser compatibility and API details for the versions you plan to deploy.
Rank #3
- Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
- Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
- Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
- Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
- What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.
Or skip the browser setup
ScreenshotNeo can return a screenshot or PDF from one API request. Its pre-capture steps accept cookie or consent banners and remove more than 60 known consent platforms, newsletter popups, and chat widgets; you can turn each step off. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing, and response headers identify the page verdict and billing status. Its MCP server offers take_screenshot, get_page_info, and capture_pdf tools for Claude, Cursor, and other MCP clients.
Recommended Free Tools
Node.js example:
const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);Use the ScreenshotNeo API documentation for authentication, output options, and response handling. One-call examples in other languages:
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpimport requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)The Free plan includes 1,000 shots per month with no card; paid plans start at $5 for 3,000 shots. Sign up for 1,000 free screenshots a month, with no card required.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Troubleshoot Puppeteer screenshots
Chrome is missing or launch fails after installation
Check whether your package manager blocked Puppeteer’s install scripts: the documented puppeteer install downloads compatible Chrome. If scripts were blocked, follow Puppeteer’s manual browser-install instructions. If using puppeteer-core, ensure a browser is installed and configured for the environment rather than assuming the package downloaded one.
Rank #4
- Dual Converters, Infinite Potential：Includes 2× USB C male to USB A female adapters and 2× USB A male to USB C female adapters. Perfect for a wide range of uses—tablets with Bluetooth keyboards, expand USB ports on macbook, and more. Two different converters for all your daily needs
- Next-Level 10Gbps & 3A Charging: No more slow 480Mbps, this usb to usb c adapter has a transfer speed of up to 10Gbps, allowing you to do more transferring in less time. This usb adapter fits both USB A and USB C charger, supporting up to 3A fast charging
- Upgraded Exquisite Craftsmanship: With an aluminum alloy housing and metal connector, the usbc to usb adapter is extremely durable and sturdy. Rigorously tested to withstand more than 10,000 times of plugging and unplugging, ensuring long-lasting performance
- Broad Compatible: The usb c to usb adapter widely supports all USB C/ USB A devices like laptops, tablets, cellphones, car chargers, and phone chargers. Such as compatible with MacBook Pro/Air 2023/2022, Thunderbolt 4/3 Devices,Apple MagSafe Watch 9/8/7/SE/Ultra, iPad Pro 2022/2021, Samsung Galaxy S23/S20/S10, and iPhone 17/16/15 Pro. Plug and play
- Please Note: To reach 10Gbps speed, keep the cable under 3.3 ft. For USB A Male to USB C adapters, try flipping the USB C connector. USB C Male to USB A adapters support bidirectional 10Gbps transfer within 3.3 ft
The output is blank or missing content
Confirm that navigation reached the intended page and that the page’s content is rendered before capture. A generic navigation wait may not cover delayed client-side rendering; wait for a selector that marks the content as ready or use a deliberate delay appropriate to the page. For lazy-loaded content, verify that the page has loaded the sections you expect before taking a full-page shot.
An element screenshot fails
Verify that the selector matches an element on the loaded page. Use waitForSelector() before requesting the handle, and handle the case where no element is returned. If the element is hidden or outside the viewport, Puppeteer’s element screenshot method attempts to scroll it into view, but the selector and page state still need to be valid.
Concurrent captures behave unexpectedly
Puppeteer’s screenshot API documents page lifecycle behavior that can coordinate around concurrent screenshot operations. Consult the API reference if multiple tasks capture the same page, and avoid assuming captures of a changing page represent the same state.
Best Value
- 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
- Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
- Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
- HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
- What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.
Performance, reliability, and cost considerations
With Puppeteer or Playwright, your application launches or connects to a browser, navigates to a page, waits for an appropriate state, and produces the image. Browser provisioning and runtime behavior are therefore part of your deployment design; the cited sources do not provide comparable resource-use or benchmark figures, so test your own pages and concurrency patterns before setting capacity targets.
Puppeteer’s standard package downloads Chrome during installation, while puppeteer-core leaves browser installation to you. That distinction affects setup and deployment, not a documented guarantee of speed or reliability. Hosted capture through ScreenshotNeo avoids browser installation in your service and charges only for clean shots under its stated billing rules. Its published plan prices are monthly: Free includes 1,000 shots; Starter is $5 for 3,000; Growth $15 for 15,000; Pro $39 for 60,000; Scale $99 for 250,000; Business $249 for 1,000,000. Yearly billing gives two months free, and every feature is available on every plan. For a self-managed browser, service price is not established by the cited API documentation; account for your own infrastructure and operations separately.
FAQ
Are there other Puppeteer screenshot wrappers I should rank?
The available documentation establishes Puppeteer’s built-in screenshot methods and Playwright’s API as an adjacent alternative, but does not establish a reliable, maintained set of separate Node.js screenshot wrappers to recommend.
Can Puppeteer capture a screenshot as base64?
Yes. The Page.screenshot() API documents a base64 option in addition to its default image-byte return.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
