Free tools Windows power users keep installed
One-click scans. No signup required.
For a sharper website screenshot, increase its output pixel density; to include content below the visible screen, enable full-page capture. Those are separate settings: higher resolution adds detail, while full-page capture adds page length. Set the intended desktop or mobile viewport first, then choose the capture scale that suits how the image will be viewed.
What “high resolution” means for a website screenshot
A page is laid out in CSS pixels, while the screenshot file contains image pixels. Device pixel ratio (DPR) describes the relationship between physical screen pixels and logical CSS pixels. Chrome defines it as “the ratio between physical pixels on the hardware screen and logical (CSS) pixels.” Chrome DevTools Device Mode lets you select a DPR; in scripted captures, a device-scale option can produce multiple image pixels for each CSS pixel.
More output pixels can make fine details easier to inspect when an image is enlarged, but also increase image dimensions and file size. Full-page capture solves a different problem: it captures content beyond the current viewport. A long image is not necessarily a higher-resolution image, and a high-density viewport capture does not automatically include the whole page.
Choose the capture method and settings
| Need | Use | Why |
|---|---|---|
| One quick capture in Chrome | Chrome DevTools Device Mode | It provides device pixel ratio controls and a full-size screenshot command. |
| Repeat captures or specific viewports | Playwright | Its API exposes viewport size, full-page capture, and CSS-pixel or device-pixel output scale. |
| Capture in Firefox or select an element | Firefox Developer Tools | Firefox documents page and element screenshots, as well as a console helper with DPR and delay options. |
| Include content below the viewport | Full-page capture | This controls how much of the document is captured, independently of pixel density. |
| Keep the image smaller | CSS-pixel scale | It outputs one image pixel per CSS pixel rather than device-scaled output. |
For responsive pages, decide on the target width and height before capture. A page may rearrange its layout when the viewport changes; a mobile-width capture and a desktop-width capture are different page states, not merely different crops. Playwright recommends setting the viewport before navigation where page behavior may depend on size. See its screenshot API documentation.
Recommended Free Tools
#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.
Take a high-resolution screenshot in Chrome DevTools
- Open the website in Chrome and open DevTools. Select Toggle device toolbar to enter Device Mode.
- Choose a device or set the viewport dimensions to the layout you need. In Device Mode options, add or select the desired device pixel ratio. The exact available choices depend on the controls shown in your Chrome version.
- Open the DevTools screenshot menu. Choose Capture full size screenshot to include the page below the viewport. For only the currently visible area, choose the viewport screenshot command instead.
- Open the saved image and check its dimensions and legibility. If details still look too small, increase the DPR or choose a larger viewport where appropriate; if the page is too long, change full-page capture rather than DPR.
Chrome documents these controls in its Device Mode guide. A device preset can also affect viewport dimensions, so verify that the resulting layout matches the intended desktop or mobile view.
Capture with Playwright for repeatable results
Playwright is useful when the same page must be captured repeatedly, at controlled dimensions, or as part of an automated workflow. Install the package and browser once in your project:
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.
npm install -D playwright
npx playwright install chromiumSave this as screenshot.mjs. It captures a full page at a 1440 by 1000 CSS-pixel viewport, with output scaled to device pixels. Change the target URL and dimensions as needed.
import { chromium } from 'playwright';
const browser = await chromium.launch();
const page = await browser.newPage({
viewport: { width: 1440, height: 1000 },
deviceScaleFactor: 2,
});
try {
await page.goto('https://example.com', { waitUntil: 'networkidle' });
await page.screenshot({
path: 'website.png',
fullPage: true,
scale: 'device',
});
} finally {
await browser.close();
}Run it with node screenshot.mjs. The viewport is in CSS pixels; with a device scale factor of 2 and device-scale output, the image is approximately twice as wide and twice as tall as a CSS-scale image for the same viewport area. Full-page height depends on the page’s scrollable content, so the complete output can be much larger than the viewport. Playwright documents fullPage and scale in the Page screenshot API.
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.
Adjust viewport, scale, and extent independently
- For a sharper image: use
scale: 'device'and set a device scale factor above 1. More pixels mean a larger file and potentially more memory use. - For one pixel per CSS pixel: use
scale: 'css'. This is often sufficient for documentation viewed at ordinary size. - For a specific responsive layout: set
viewportbeforepage.goto(). Choose dimensions based on the actual target, not an arbitrary device label. - For the entire document: set
fullPage: true. For the current viewport only, set it tofalseor omit it.
A full-page, high-DPR image can become very tall and heavy. If the output is unwieldy, capture at CSS scale or capture only the viewport. If the screenshot must document a mobile layout, use a mobile-sized viewport rather than relying only on DPR.
Use Firefox Developer Tools
Firefox’s screenshot tool can capture the page or an individual element. Mozilla also documents the Web Console :screenshot helper, which supports options including device pixel ratio, a capture delay, and a filename. Consult the Firefox screenshot helper documentation for the current syntax and options, since command details may vary by Firefox version.
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
Use an element capture when the deliverable is a component rather than the whole page. For a full document or a particular responsive width, confirm that the selected tool’s capture mode and viewport match the intended result.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Or skip the browser setup
ScreenshotNeo is a website screenshot API: send one GET request with a URL to receive an image or PDF. Its API can return PNG, JPEG, or WebP; the example below saves a WebP capture. See the ScreenshotNeo API documentation for parameters, including capture options.
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.
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 or consent banners before capture and removes more than 60 known consent platforms, newsletter popups, and chat widgets; each step can be turned off. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed, and response headers indicate the page verdict and billing status. An MCP server provides screenshot tools for AI agents and MCP clients. The free plan includes 1,000 shots per month without a card; paid plans start at $5 for 3,000 shots. Visit ScreenshotNeo for details, then sign up free.
Troubleshoot blurry, incomplete, or failed captures
The screenshot looks blurry when enlarged
- Check whether the capture was made at CSS scale. Switch to device-pixel output and increase the device scale factor if more pixel detail is needed.
- Confirm that the source page itself renders sharp text and images at the chosen viewport. Higher output scale cannot restore detail missing from a low-resolution source image.
- Verify the saved image’s actual pixel dimensions. A file’s dimensions, not its display size in an image viewer, determine how many pixels are available.
The bottom of the page is missing
- Use the full-page option: Chrome’s full-size screenshot command, Playwright’s
fullPage: true, or Firefox’s page capture option. - Do not increase DPR as a substitute for full-page capture. DPR adds pixels within the capture; it does not extend the captured document.
The page has the wrong layout
- Set the desired viewport before navigation, particularly in Playwright, and recapture.
- Check whether the page changed from desktop to mobile layout at the selected width. DPR and viewport width are separate controls.
The browser capture fails or appears incomplete
- Wait for the page’s relevant content to render before capturing. Playwright’s documented screenshot workflow can be paired with navigation wait conditions; pages that load content after a delay may need an explicit wait for that content.
- Try a viewport capture first if a full-page image is exceptionally large. Then determine whether the issue is capture extent or page loading.
- For Firefox, consult the helper documentation for the installed version if a command option is rejected.
Balance detail, file size, and reliability
Use the smallest scale that preserves the detail readers need. Device-pixel output multiplies pixel dimensions and can substantially increase file size, particularly for full-page captures. CSS-pixel output is a practical default for ordinary sharing; use a higher scale for close inspection, archival review, or assets that will be enlarged.
For repeatability, record the URL, viewport dimensions, capture scale, and whether full-page mode was enabled. A screenshot is evidence of a particular rendered page state; responsive layout, delayed content, and page changes can make later captures differ even when the URL is unchanged.
Frequently asked questions
Does a higher DPR make a screenshot include more of the page?
No. DPR affects pixel density. Use full-page capture to include content below the viewport.
Windows 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 reinstallCrashes, No Sound, or Screen Glitches?
Random freezes, missing sound and display glitches usually trace back to one bad driver. Find and replace yours safely.Free scan · under a minuteShould I use a larger viewport or a higher scale?
Use a larger viewport to change the responsive layout or visible area. Use a higher scale to increase output pixels for the same CSS layout.
