Recommended Free Tools
Set the browser’s viewport to the required width and height in CSS pixels before loading the page, then capture the visible viewport—not the full document. In Playwright, set the viewport with page.setViewportSize() and call page.screenshot(). Record the URL, browser and version, viewport dimensions, image scale, capture date and time, and whether the image shows the viewport or the full page so the report documents exactly what the screenshot represents.
Choose the capture that matches the report
A viewport screenshot shows the area visible at the specified browser viewport dimensions. A full-page screenshot extends down the scrollable document, so its image can be much taller than the viewport. Use the viewport capture to show how the page lays out at a defined desktop size; choose full-page capture only when the report needs below-the-fold content.
Capture an individual element only when the report concerns that component specifically. An element image leaves out the surrounding page context that may be important for understanding its position or layout.
Capture a desktop viewport with Playwright
Playwright is a good fit when you need a repeatable, scripted capture. The example below uses Chromium, sets the viewport to 1440 × 900 CSS pixels, opens the requested URL, and saves a viewport screenshot as a PNG. Install Playwright and its Chromium browser first with npm install playwright and npx playwright install chromium.
Free tools Windows power users keep installed
One-click scans. No signup required.
#1 Best Overall
- CRISP CLARITY: This 23.8″ Philips V line monitor delivers crisp Full HD 1920x1080 visuals. Enjoy movies, shows and videos with remarkable detail
- INCREDIBLE CONTRAST: The VA panel produces brighter whites and deeper blacks. You get true-to-life images and more gradients with 16.7 million colors
- THE PERFECT VIEW: The 178/178 degree extra wide viewing angle prevents the shifting of colors when viewed from an offset angle, so you always get consistent colors
- WORK SEAMLESSLY: This sleek monitor is virtually bezel-free on three sides, so the screen looks even bigger for the viewer. This minimalistic design also allows for seamless multi-monitor setups that enhance your workflow and boost productivity
- A BETTER READING EXPERIENCE: For busy office workers, EasyRead mode provides a more paper-like experience for when viewing lengthy documents
const { chromium } = require('playwright');
(async () => {
const browser = await chromium.launch();
const page = await browser.newPage({
viewport: { width: 1440, height: 900 },
deviceScaleFactor: 1
});
await page.goto('https://example.com', { waitUntil: 'load' });
await page.screenshot({ path: 'screenshot.png', fullPage: false });
await browser.close();
})();Save this as screenshot.js and run node screenshot.js. Replace https://example.com with the page to document. The viewport is set before navigation so the page renders at the intended responsive breakpoint.
Keep viewport and image scale distinct
The viewport width and height are CSS-pixel dimensions that determine responsive layout. Playwright’s screenshot scale can be css (one output pixel per CSS pixel) or device (one output pixel per device pixel). For output dimensions that match the CSS viewport, keep deviceScaleFactor: 1 and use CSS-scale output; use device-pixel scale when pixel density is more important than matching CSS dimensions. High-DPI scale can produce images two times as wide and tall, or larger, depending on the device scale.
Rank #2
- CRISP CLARITY: This 22 inch class (21.5″ viewable) Philips V line monitor delivers crisp Full HD 1920x1080 visuals. Enjoy movies, shows and videos with remarkable detail
- 100HZ FAST REFRESH RATE: 100Hz brings your favorite movies and video games to life. Stream, binge, and play effortlessly
- SMOOTH ACTION WITH ADAPTIVE-SYNC: Adaptive-Sync technology ensures fluid action sequences and rapid response time. Every frame will be rendered smoothly with crystal clarity and without stutter
- INCREDIBLE CONTRAST: The VA panel produces brighter whites and deeper blacks. You get true-to-life images and more gradients with 16.7 million colors
- THE PERFECT VIEW: The 178/178 degree extra wide viewing angle prevents the shifting of colors when viewed from an offset angle, so you always get consistent colors
await page.screenshot({
path: 'screenshot.png',
fullPage: false,
scale: 'css'
});For a full-document image instead, set fullPage: true. That is a different record from a screenshot of the visible 1440 × 900 viewport, even if the browser used the same viewport to render the page.
Capture manually in Firefox
For a one-off capture, Firefox’s developer tools provide browser-based options without a script. Its screenshot toolbar can capture the entire page. To capture a particular component, select it in the Inspector and use “Screenshot Node.” Firefox’s web console also provides the :screenshot helper, with options for full-page capture, a CSS selector, a delay, an output filename, and device-pixel ratio. The precise command depends on which options you need; consult Firefox’s web console helper documentation.
Rank #3
- Clear visuals. Fluid motion: A 144Hz refresh rate and 1ms MPRT deliver smooth, tear‑free motion across work, gaming, and streaming for clearer, more fluid viewing.
- Eye comfort: TÜV Rheinland 3‑star* certification reduces harmful blue light while preserving stunning color quality without compromise. *TÜV Rheinland 3-star eye comfort certification.
- Wide viewing angle: Get consistent views across a wide 178° /178° viewing angle.
- In-Plane Switching (IPS): See excellent color accuracy and consistency across wide viewing angles with In-plane Switching (IPS) technology.
- Ultra-thin bezels: Maximize your viewing experience with thin bezels.
Make the screenshot usable as report evidence
Repeatable settings matter because viewport dimensions affect responsive layout, while image scale affects the saved pixel dimensions. For each capture, include a small record with the evidence so another reader can understand how it was made.
- Page URL
- Browser name and version
- Viewport width and height in CSS pixels
- Screenshot scale or device-pixel ratio
- Capture date and time
- Whether the image is the visible viewport, the full page, or a selected element
This is a practical record-keeping recommendation, not a format prescribed by Playwright or Firefox documentation. If a report compares pages or versions, use the same viewport and scale for each capture and label any intentional differences.
Rank #4
- CURVED FOR ENHANCED ENGAGEMENT: An immersive viewing experience with a curved monitor that wraps more closely around your field of vision; It creates a wider view, enhancing depth perception and minimizing peripheral distraction
- SMOOTH PERFORMANCE FOR SEAMLESS CONTENT: Stay in the action when playing games, watching videos, or working on creative projects; The 100Hz refresh rate reduces lag and motion blur so you don't miss a thing in fast-paced moments¹
- MORE GAMING POWER: Gain the edge with optimizable game settings; Color and image contrast can be adjusted to see scenes more vividly and spot enemies hiding in the dark; Game Mode adjusts any game to fill the screen so you can view every detail²
- KEEP IT EASY ON THE EYES: Care for your eyes and stay comfortable, even during long sessions; Advanced eye comfort technology certified by TÜV reduces eye strain by minimizing blue light and reducing irritating screen flicker²
- INCREASED VERSATILITY: Connect to more; Plug devices straight into your monitor for increased flexibility, making your computing environment even more convenient
Or skip the browser setup
ScreenshotNeo can return a website screenshot through one GET request. Use its viewport parameters to request the report dimensions; its API also supports PNG, JPEG, WebP, or PDF output. The API parameters used by other screenshot services also work. See the ScreenshotNeo API documentation for the current request options.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://example.com -o shot.webpScreenshotNeo accepts cookie and consent banners before capture and removes more than 60 known consent platforms, newsletter popups, and chat widgets; each of those steps can be turned off. Bot checks and CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing, and response headers indicate the page verdict and whether the request was billed. Its MCP server provides take_screenshot, get_page_info, and capture_pdf tools for AI agents. The Free plan includes 1,000 shots per month without a card; paid plans start at $5 for 3,000 shots.
Sign up for 1,000 free screenshots a month with no card.
Best Value
- 【INTEGRATED SPEAKERS】Whether you're at work or in the midst of an intense gaming session, our built-in speakers provide rich and seamless audio, all while keeping your desk clutter-free.
- 【EASY ON THE EYES】 Protect your eyes and enhance your comfort with Blue-Light Shift technology. This feature reduces harmful blue light emissions from your screen, helping to alleviate eye strain during long hours of use and promoting healthier viewing habits.
- 【WIDEN YOUR PERSPECTIVE】Our sleek minimal bezel design ensures undivided attention. The nearly bezel-free display seamlessly connects in a dual monitor arrangement, delivering an unobstructed view that lets you focus on more at once, completely distraction-free.
Troubleshoot common capture problems
The page has the wrong responsive layout
Set the viewport before navigating, and confirm that the width and height are the intended CSS-pixel values. A full-page image does not mean the page was rendered at a different viewport; it simply includes content below the visible area.
The output file is larger than the viewport dimensions
Check screenshot scale and device-pixel ratio. Device-scale output follows device pixels and can exceed the CSS dimensions on high-DPI configurations. Use CSS scale when matching CSS-pixel dimensions is the priority.
The screenshot cuts off content below the fold
A normal viewport capture is supposed to show only the visible area. Set fullPage: true when the report needs the full scrollable document, and label the result as a full-page screenshot rather than a viewport screenshot.
Do these 3 things before closing this tab:
1Clear out junk files and repair common Windows errors2Fix the driver behind crashes, sound loss and screen glitches3Repair Windows errors before they cause bigger problemsA component capture lacks context
Capture the page viewport instead when surrounding content, spacing, or placement is part of the evidence. Element-only capture is best reserved for reports focused on that component.
Quick Recap
References
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.
