Quick wins for a faster PC:
Repair Windows errors before they cause bigger problemsFix Now →Scan for outdated or missing drivers - takes under a minuteDriver Scan →Clear out junk files and repair common Windows errorsFree Scan →Use browser automation: launch Chromium with Playwright, navigate to a validated website URL, wait for the page state your use case needs, and save a screenshot as an image. The example below builds a small command-line downloader that captures the full page as PNG. It also explains how to adapt it for viewport or element captures and why a public screenshot service needs stronger protections than a local script.
Build a local screenshot downloader with Playwright
Playwright provides a direct JavaScript workflow for launching a browser, navigating to a page, and capturing a screenshot. Install both the JavaScript package and its browser binary; installing the package alone may not be enough to launch Chromium. The commands below assume a current Node.js installation and an npm project.
1. Create the project and install Chromium
-
Create a project and install Playwright:
mkdir screenshot-downloader cd screenshot-downloader npm init -y npm install playwright -
Configure this project to use ES modules by adding
"type": "module"to the top level ofpackage.json. For example:{ "name": "screenshot-downloader", "version": "1.0.0", "type": "module", "scripts": { "shot": "node screenshot.js" }, "dependencies": { "playwright": "<installed version>" } }Keep the actual dependency version written by npm instead of copying the explanatory placeholder shown above.
The Tool Desk
Outbyte Driver Updater FREEFix the driver behind crashes, sound loss and screen glitchesFind Drivers →Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.#1 Best Overall
Elebase USB to USB C Adapter for iPhone 18 Pro Max,USBC Car Charger Adapter- 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.
-
Install the browser binary Playwright will launch:
npx playwright install chromiumOn Linux, a machine may also need browser system dependencies. Playwright documents browser installation and these distinctions in its library installation guide.
2. Save the downloader as screenshot.js
This runnable command-line example accepts a URL and optional output filename. It validates the URL syntax and restricts this local example to HTTP and HTTPS, captures the entire scrollable page as PNG, and closes Chromium even if navigation or capture fails.
import { chromium } from 'playwright';
import { writeFile } from 'node:fs/promises';
import { basename } from 'node:path';
const [rawUrl, requestedOutput] = process.argv.slice(2);
if (!rawUrl) {
console.error('Usage: npm run shot -- <http-or-https-url> [output.png]');
process.exit(1);
}
let target;
try {
target = new URL(rawUrl);
} catch {
console.error('Invalid URL. Include a complete URL, such as https://example.com');
process.exit(1);
}
if (!['http:', 'https:'].includes(target.protocol)) {
console.error('Only HTTP and HTTPS URLs are supported.');
process.exit(1);
}
const output = requestedOutput ?? 'screenshot.png';
if (basename(output) !== output || !output.toLowerCase().endsWith('.png')) {
console.error('Choose a filename ending in .png in the current directory.');
process.exit(1);
}
const browser = await chromium.launch();
try {
const page = await browser.newPage({
viewport: { width: 1280, height: 800 },
deviceScaleFactor: 1
});
await page.goto(target.href, {
waitUntil: 'domcontentloaded',
timeout: 30_000
});
const image = await page.screenshot({ fullPage: true, type: 'png' });
await writeFile(output, image);
console.log(`Saved ${output}`);
} finally {
await browser.close();
}3. Run it
npm run shot -- https://example.com
npm run shot -- https://example.com example.pngThe first command writes screenshot.png in the current directory; the second uses example.png. The code is an instructional example based on documented Playwright APIs, not a claim that it has been tested in every operating system or target site. Run it in the environment where you plan to use it.
Choose what to capture and how to return it
The screenshot call determines which pixels your downloader produces. Playwright documents page screenshots, full-page captures, element captures, image buffers, and output settings in its screenshots guide and Page API.
Viewport or full page
-
await page.screenshot({ path: 'viewport.png' })captures the visible viewport. This is appropriate when the output should match what a visitor sees without scrolling. -
await page.screenshot({ path: 'full.png', fullPage: true })captures the full scrollable document as one tall image. Very long pages can create large images and consume more memory.Rank #2
Anker USB-C Hub, 5-in-1 USB Hub for Laptops, 4K HDMI Multiport Adapter- 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.
Whole page or one element
To capture a component such as a chart or product card, locate it and call screenshot() on the locator. For example:
const card = page.locator('.product-card').first();
await card.screenshot({ path: 'product-card.png' });Use a selector that identifies the intended element; if the selector matches nothing or matches the wrong element, capture will fail or produce an unintended result. Playwright’s screenshot documentation covers element capture.
Do these 3 things before closing this tab:
1Scan for outdated or missing drivers - takes under a minute2Clear out junk files and repair common Windows errors3Fix the driver behind crashes, sound loss and screen glitchesFile, bytes, and image format
Passing path writes a file. Omitting it returns image bytes, which can be written, transformed, or sent as an HTTP response:
const image = await page.screenshot({ type: 'png' });
// image is a Buffer; for an HTTP response, set an appropriate image content type
// and send image as the response body.PNG is lossless and useful for text or sharp UI edges. JPEG and WebP are lossy choices that may reduce file size; quality settings apply to lossy formats, not PNG. Playwright supports screenshot type and quality options. Select an explicit type rather than relying on a filename when predictable output matters.
CSS pixels and device scale
The viewport width and height are CSS-pixel dimensions. deviceScaleFactor controls the relationship between CSS pixels and output pixels: a higher factor can make the image sharper on high-density displays, while increasing dimensions and file size. Choose a factor based on where the image will be displayed or processed.
Wait for the right page state
A navigation event does not guarantee that every image, font, animation, or client-rendered widget is ready. The example waits for domcontentloaded, which is a practical starting point, but a target site may need an additional readiness condition.
Recommended Free Tools
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.
-
Wait for a known element when the screenshot depends on a particular component:
await page.locator('.report-ready').waitFor({ state: 'visible' }); -
Wait for a short, bounded delay only when the page has a known rendering delay:
await page.waitForTimeout(1000);This is a fixed pause, not proof that a page is ready. -
networkidlecan be useful on pages that settle after loading, but it is not universal. Analytics, streaming, polling, or other long-lived requests can keep network activity from becoming idle.
Set a navigation timeout appropriate to your application and decide what to do when the target never reaches the required state. Do not leave browser operations unbounded in a service handling user requests.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
Use Puppeteer if it fits your existing stack
Puppeteer is another JavaScript browser-automation library with documented page and element screenshot workflows. Its screenshots guide shows navigation, capture, and output options; choose between it and Playwright based on the tooling and browser support your project needs, not an assumed universal speed advantage. See the Puppeteer screenshots guide and Chrome for Developers’ Puppeteer overview.
Turn the script into an HTTP service carefully
A local script that captures a site you control is not the same security boundary as a public endpoint accepting arbitrary URLs. A server-side browser follows redirects and loads scripts, images, and other subresources on behalf of the server. A URL parser can check syntax and scheme; it does not prevent server-side request forgery (SSRF).
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
Before exposing a downloader publicly, design controls for the deployment and threat model:
-
Allow only intended URL schemes and destinations, and account for redirects and DNS/IP changes rather than validating only the initial hostname.
Free tools Windows power users keep installed
One-click scans. No signup required.
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy. -
Block access to loopback, private, link-local, and cloud metadata destinations at the network layer, including access reached through redirects or subrequests.
-
Limit navigation time, total request time, response size, concurrency, and browser resource use; define what the API returns for blocked, failed, or timed-out captures.
-
Run browser workers with isolation appropriate to untrusted sites, restrict outbound network access, and avoid sharing sensitive host credentials or files with the browser process.
Playwright’s Docker guidance says its image includes browser binaries and system dependencies, but not the project package. It recommends aligning the image’s Playwright version with the project’s version; it also describes --init for PID 1 process handling and --ipc=host for reducing Chromium memory-related crashes. The documentation describes the image for testing and development and does not recommend it for visiting untrusted websites. For scraping or crawling untrusted sites, it recommends a separate user with a seccomp profile. These are container-specific pointers, not a complete production security policy.
Outdated Drivers Are Slowing You Down
One free scan finds every outdated or missing driver and matches the right update for your exact hardware.Free scan · exact hardware matchWindows Errors? Fix Them Before They Spread
Repair common Windows errors and clear accumulated junk for a smoother, more stable PC - no reinstall needed.Free scan · no reinstallBest 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.
Troubleshoot common failures
-
Chromium does not launch: install the browser binary with
npx playwright install chromium. On Linux, check whether required system dependencies are present using Playwright’s installation guidance. -
Navigation times out: the site may be slow, inaccessible from the machine, or holding connections open. Check the URL and network access, use a readiness condition appropriate to the page, and keep explicit time limits.
-
The screenshot is blank or incomplete: the page may render content after the selected navigation state. Wait for the relevant selector or a bounded delay; check whether the content is inside a frame or requires interaction.
-
Full-page output is unexpectedly large: the document may be very tall. Capture the viewport or a specific element, or apply an application-specific maximum size policy before processing the image.
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy. -
The output format does not match the filename: specify
typeexplicitly inpage.screenshot()and use a matching extension. Quality is for lossy formats, not PNG. -
A hosted downloader can reach internal services: URL syntax checks alone are insufficient. Apply destination and egress restrictions that account for redirects, DNS changes, and subrequests before accepting arbitrary destinations.
Or skip the browser setup
ScreenshotNeo is a website screenshot API and MCP server. One GET request can return a PNG, JPEG, WebP, or PDF; its documented options include full-page and element capture, viewport and device presets, wait conditions, and custom CSS or JavaScript. Cookie banners, popups, and chat widgets are removed before capture, and bot checks, blank pages, failed loads, timeouts, and cache hits are not billed. An MCP server lets AI agents use screenshot tools. Free includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000. See the ScreenshotNeo site and API documentation.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://example.com -o shot.webpGet an API key with 1,000 free screenshots a month, with no card required.
Frequently Asked Questions
Can JavaScript take a website screenshot without a browser?
For a screenshot of a rendered web page, the downloader needs a rendering engine; browser automation such as Playwright or Puppeteer controls that browser from JavaScript.
Does the Playwright Docker image include the Playwright package?
No. The image includes browser binaries and system dependencies; the project must install its own Playwright package.
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.
