October DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsPC HealthRecommendedCrashes, freezes, slowdowns? Check your PC nowSpot repairable issues before they interrupt work.Check PCOctober DealsAmazon USDeal season is back - check today's better picksAmazon US: current deals, useful picks and tech finds.See Picks×
Skip to content
Chrome DevTools

How to Take a Webpage Snapshot with a Screenshot Tool (Visible, Full-Page, Region, and Element Captures)

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

For a quick webpage snapshot, use your browser’s built-in screenshot command. In Firefox, right-click an empty part of the page, choose Take Screenshot, then select Save visible or Save full page. In Chrome, open DevTools’ Command Menu and choose Capture screenshot for the viewport or Capture a full size screenshot for the entire page.

Decide first whether you need the visible viewport, the complete page, a selected region, or one element. The correct mode prevents a clipped image or an unnecessarily tall file.

Choose the capture type before you start

A “webpage snapshot” can mean several different images. Pick the one that matches your purpose:

Capture type What it includes Use it when
Visible (viewport) Only the part currently on screen You need to show what a user sees at a particular scroll position
Full page The page from top to bottom, including content below the fold You are archiving an article, documenting a long page, or reviewing a complete layout
Region A rectangle you select yourself You need a precise crop that does not match the viewport
Element One page component, such as a card, table, or banner You need an isolated component rather than the surrounding page

A full-page image can be unusually tall. Open the saved file afterward and verify that it contains the intended content, including sections that load only as you move down the page.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
#1 Best Overall
Capture Card, 4K HDMI Video Capture Card, Game Capture Card, 1080P 60FPS Video Capture Device, HDMI to USB 3.0 Capture Card for Streaming, Work with Camera/Xbox/PS4/PS5/PC/OBS
  • 【1080P HD High Quality】Capture resolution up to 1080p for video source and it is ideal for all HDMI devices such as PS4, PS3, Xbox One, Xbox 360, Wii U, DVDs, DSLR, Camera, Security Camera and set top box. Note: Video input supports 4K30/60Hz and 1080p120/144Hz. Does not support 4K120Hz/144Hz. Output supports up to 2K30Hz.
  • 【Plug and Play】No driver or external power supply required, true PnP. Once plugged in, the device is identified automatically as a webcam. Detect input and adjust output automatically. Won't occupy CPU, optional audio capture. No freeze with correct setting.
  • 【Compatible with Multiple Systems】suitable for Windows and Mac OS. High speed USB 3.0 technology and superior low latency technology makes it easier for you to transmit live streaming to Twitch, Youtube, Facebook, Twitter, OBS, Potplayer and VLC.
  • 【HDMI LOOP-OUT】Based on the high-speed USB 3.0 technology, it can capture one single channel HD HDMI video signal. There is no delay when you are playing game live.
  • 【Support Mic-in for Commentary】Rybozen capture card has microphone input and you can use it to add external commentary when playing a game. Please note: it only accepts 3.5mm TRS standard microphone headset.

Take a screenshot in Firefox

Use the page context menu

  1. Open the webpage you want to capture.
  2. Right-click an empty part of the page. On macOS, Control-click instead.
  3. Select Take Screenshot.
  4. Choose Save full page for the entire document or Save visible for the current viewport.
  5. Save the image, or use the available copy option if you want it on the clipboard.

Firefox also lets you select a region or click an automatically highlighted page element from the screenshot interface. The documented shortcut is Ctrl + Shift + S on Windows and Linux, and Command + Shift + S on Mac. Mozilla describes the feature as capturing visible parts of a page or an entire page and allowing you to copy or save the result (Mozilla Support instructions, updated June 15, 2026).

Capture from Firefox Developer Tools

  1. Open Developer Tools and select the Inspector.
  2. If the screenshot button is not visible, open DevTools Settings.
  3. Under Available Toolbox Buttons, enable Take a screenshot of the entire page.
  4. Use that button to capture the complete page; Firefox saves the image to the browser’s Downloads directory.
  5. For one component, right-click its node in the Inspector’s HTML pane and choose Screenshot Node.

This route is useful when the page’s own context menu is unavailable or when you need one exact DOM element. Firefox’s developer documentation covers the button and node workflow in Taking screenshots.

Take a screenshot in Chrome

Capture the current viewport

  1. Open the page and position it exactly as you want it to appear.
  2. Open Chrome DevTools.
  3. Open the DevTools Command Menu.
  4. Search for screenshot.
  5. Choose Capture screenshot.

This captures the currently visible viewport, not the content below it.

Capture the complete page

  1. Open DevTools and its Command Menu.
  2. Search for screenshot.
  3. Select Capture a full size screenshot.

Chrome’s documentation distinguishes this command from the viewport capture but does not specify a single output folder in the documented passage; check your browser’s download manager or download settings if you cannot find the file. The command names are documented in Chrome for Developers’ Device Mode guide.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Make the image show what you actually need

For a visible viewport

  • Scroll to the exact position before invoking the command.
  • Close menus, tooltips, and temporary overlays that you do not want recorded.
  • Check the browser window size: changing it changes the captured viewport.

For a full page

  • Allow the page to finish loading before starting the capture.
  • After saving, inspect the bottom and any sections that load lazily.
  • Expect a tall image; a PDF or several cropped images may be easier to share when the page is very long.

For a region or element

  • Use region selection when the desired boundary is visual rather than structural.
  • Use Firefox’s Screenshot Node when you need the exact element represented in the HTML.
  • Include enough surrounding context that another person can identify what the image shows.

Troubleshooting browser captures

“Take Screenshot” is missing in Firefox

Right-click an empty area rather than a link, image, or embedded control. If the command still does not appear, use the documented keyboard shortcut or Firefox DevTools. In DevTools Settings, enable Take a screenshot of the entire page under Available Toolbox Buttons.

Rank #2
Guermok Video Capture Card, 4K USB3.0 HDMI to USB C, 1080P 60FPS & 2K 30FPS
  • 【1080P 60FPS Video Capture Card】 This HDMI game capture card is based on USB3.0 high speed transmission port, input resolution up to 4K@30HZ, output resolution up to 2K@30Hz or 1920×1080@60Hz. Type c and USB interface can meet most of the devices in daily life. Easily meet the online capture, real-time recording, online meetings, live gaming and other functions, so you have a better visual enjoyment. Note: For capture use only; requires capture software to function and is not intended for direct screen casting to a monitor or TV
  • 【Ultra Low Latency Screen Sharing】 HDMI capture card is made of good quality aluminum alloy with strong heat dissipation, allowing you to enjoy ultra low latency while live gaming or video recording or live streaming, avoiding blue screens and lag. This HDMI to USBC capture card supports easy recording of good quality audio or HD video and transferring it to your computer or streaming platform, allowing you to record 60 fps HD video directly on your hard drive and real-time preview
  • 【Plug and Play, Easy to Carry】 This HDMI 1080P video capture card does not require any additional drivers or external power supply, just plug and play for fast capture. The capture card is small and lightweight, so you can put it in your bag for emergencies, making it very portable for outdoor live streaming. It's also a great way to share content in game recording, video conference, video recorder and online teaching
  • 【Wide Compatibility USB Capture Card】 Easily streams to Facebook, Youtube or Twitch. With the connection, this HDMI to USB C/3.0 video capture devices can be working on several Operating Systems and various software: Windows 7/ 8/ 10, Mac OS or above, Linux, Android, Laptop, Xbox One, PS3/PS4/PS5, Camera, DVDs, Set Top Box, Webcame, DSLR, Switch/Switch 2, TV BOX, HDTV, Potplayer/VLC, ZOOM, OBS Studio etc.
  • 【Package Content & Note】 1x HD Audio Capture Card , 1x USB 3.0 to USB C Adapter (A-side 3.0, B-side 2.0), 1x user manual. Please note that you need to restart the OBS Studio software after the audio setup is complete, otherwise it will result in no sound output. When using an adapter, if the device is recognized as USB 2.0, try using the other side with the USB-C port. Simply flip the capture card and reconnect it to be recognized as USB 3.0

The full-page image is cut off

Repeat the capture after the page finishes loading, then open the saved file and inspect its lower edge. Pages that insert content while you scroll can change height during capture; a visible capture at several scroll positions may be more reliable than one very tall file.

A cookie banner, chat bubble, or newsletter popup covers the page

Dismiss the overlay before capturing. If it returns on every load, use a capture method that can interact with the page or hide the element, rather than repeatedly cropping it out afterward.

The result is blank or shows an error page

Reload the page, confirm that the URL works normally in the same browser, and wait for the main content to render. A bot check or CAPTCHA may require an actual interactive browser session; do not assume a screenshot tool can bypass it.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

The element capture has the wrong size

Inspect the selected node and make sure you chose the component rather than a parent container with a larger box. For a visual crop that does not follow the DOM, use region selection instead.

When a browser tool is enough—and when automation is better

Built-in commands are ideal for an occasional manual snapshot. They become cumbersome when you must repeat the same capture for many URLs, reproduce a viewport, wait for a selector, supply cookies or headers, remove overlays consistently, or return images from a build system.

Rank #3
Sale
Elgato 4K S Capture Card for PS5, Xbox Series X/S, Switch 2
  • 4K60 Capture: Record in cinematic quality with crisp detail and vivid colors
  • HFR Support: Play and capture in 1440p120 or 1080p240
  • HDR10 Support: Capture brilliant HDR content with tone mapping on Windows
  • Cross-Platform Compatible: Works with PS5, Xbox Series X/S, Switch 2, and more
  • Analog Audio In: Capture in-game chat or commentary with 3.5mm input

For repeatable jobs, record the page URL, capture type, viewport, and any interaction needed before the screenshot. Keep the original URL with the image so that a later reviewer can reproduce the result. Treat full-page captures as potentially variable when pages contain personalized, time-based, or lazy-loaded content.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Or skip the browser setup

ScreenshotNeo is a website screenshot API and MCP server for developers. One GET request can return a PNG, JPEG, WebP, or PDF. It can capture a viewport, a full page with lazy images loaded, or one element by CSS selector, and it supports device presets, custom viewports, retina scale, dark mode, PDF paper and margin settings, page ranges, landscape output, custom CSS and JavaScript, clicks before capture, hidden selectors, waits for a selector, delay or network idle, and transparent backgrounds.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

For production workflows it also supports blocking ads, trackers, requests, or resource types; custom headers, cookies, user agents and Authorization; timezone and geolocation; image resizing; a cache with a TTL you choose; signed links for public <img> tags; asynchronous jobs with signed webhooks; bulk capture of up to 100 URLs per call; a usage API; and an OpenAPI specification. Parameter names used by other screenshot APIs also work, which can simplify a migration.

Before capture, ScreenshotNeo accepts cookie or consent banners like a visitor and removes more than 60 known consent platforms, newsletter popups, and chat widgets. Each cleanup step can be turned off. Bot checks and CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed; response headers identify the page verdict and whether the request was billed.

cURL

See the full parameter reference in the ScreenshotNeo documentation.

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); open("shot.webp", "wb").write(r.content)

Node.js

const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' }); const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);

Replace the example URL with the page you control or are authorized to capture, and keep the access key out of client-side code and public repositories. The API base is https://api.screenshotneo.com/v1/shot.

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.
Rank #4
Capture Card 4K HDMI Video Streaming to USB 3.0 1080P 60FPS Capture Device
  • High-Quality Video Capture, 4K HDMI Capture Card Ready: Capture smooth and vibrant video with this 4K HDMI capture card, engineered for gamers and content creators who demand crisp 1080P 60FPS video quality. Whether you're streaming to Twitch or recording gameplay for YouTube, your footage will look professional and detailed
  • Plug-and-Play USB Capture Card, No Drivers Needed: Designed as a USB capture card for streaming, this device works instantly out of the box, just plug into your PC or laptop and start capturing. Fully compatible with popular software like OBS Studio, Streamlabs, and XSplit, making setup quick and stress-free for beginners and pros alike
  • Universal Compatibility PS5, Xbox, Switch & More: Stream or record gameplay from virtually any HDMI-enabled device including Nintendo Switch, PS5, Xbox Series X, DSLR cameras, and PCs. The video capture card for gaming supports seamless passthrough so you can play without lag while your audience watches every frame in real time
  • Low-Latency Performance for Smooth Streaming: This capture card for streaming minimizes delay between gameplay and broadcast, so you get reliable, low-latency capture that works well for competitive gaming, live broadcasts, and podcast sessions. Suitable for those building their channel with high-quality, engaging content
  • Compact & Portable Design for Content Creators: Lightweight and portable, this USB 3.0 capture card works well for creators who travel or switch gaming setups often. Throw it in your bag and stream or record wherever you are, at home, events, LAN parties, streaming or studio sessions

Plans and billing

Plan Included shots Price
Free 1,000 per month $0, no card
Starter 3,000 $5
Growth 15,000 $15
Pro 60,000 $39
Scale 250,000 $99
Business 1,000,000 $249

Yearly billing gives two months free, and every feature is included on every plan. Start with 1,000 free screenshots a month with no card, then move to a paid plan when your capture volume requires it.

FAQ

Can I capture a page that requires a login?

A browser can capture it after you sign in. For an automated request, the capture service must receive the authorized cookies or headers, and you should only provide credentials or tokens for pages you are permitted to access.

Should I save a screenshot as an image or PDF?

Use an image for a visual reference or a component. Use a PDF when the result must be printed, paginated, or shared as a document; ScreenshotNeo can return PDFs with paper size, margins, orientation, and page-range controls.

Frequently Asked Questions

Can I capture a page that requires a login?

A browser can capture it after you sign in. For an automated request, the capture service must receive the authorized cookies or headers, and you should only provide credentials or tokens for pages you are permitted to access.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Should I save a screenshot as an image or PDF?

Use an image for a visual reference or a component. Use a PDF when the result must be printed, paginated, or shared as a document; ScreenshotNeo can return PDFs with paper size, margins, orientation, and page-range controls.

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.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Read next

Recommended PC Tool
Recommended PC Tool
Outdated Drivers Are Slowing You DownFree scan - exact matches
PC Slower Than It Used to Be?Free scan - under a minute

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.