October DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsWindows FixRecommendedWindows errors stealing your time? Find the fix fastScan stability, cleanup and performance issues.Fix NowOctober DealsAmazon USDeal season is back - check today's better picksAmazon US: current deals, useful picks and tech finds.See Picks×
Skip to content
World desk2 min

How to Capture a Specific Element Screenshot in Chrome DevTools

Use Chrome DevTools’ Capture node screenshot command to save one selected DOM element, rather than the visible viewport or the whole page.

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.

To save a screenshot of one element in Chrome, select its DOM node in DevTools’ Elements panel, right-click the node, and choose Capture node screenshot. Chrome saves the image to your Downloads folder on Windows and macOS.

Capture one element in Chrome DevTools

  1. Open the webpage in Chrome, then open DevTools.

  2. In DevTools, open the Elements panel and locate the element in the DOM Tree.

    # Preview Product Price
    1 The 138 Best Chrome Extensions The 138 Best Chrome Extensions $2.99
  3. If you do not know where the element is in the tree, use the Select an element tool, then click the element on the page. The keyboard shortcut is Ctrl+Shift+C on Windows or Linux and Command+Shift+C on macOS.

  4. In the Elements panel’s DOM Tree, right-click the node for the element you want.

    Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
  5. Choose Capture node screenshot. Chrome captures that individual DOM node and saves the image to Downloads on Windows and macOS.

Choose the screenshot command that matches the scope

Chrome’s DevTools screenshot commands capture different areas. Use the command attached to the DOM node when you need one element; use the viewport or full-page command when you need more.

Command What it captures Where to use it
Capture node screenshot An individual DOM node Right-click the target node in the Elements panel’s DOM Tree
Capture screenshot What is currently visible in the viewport Use when you need the visible screen rather than one selected node
Capture a full size screenshot The whole page, including content outside the visible viewport Use when you need a full-page image

Common snags and what to check

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

Or skip the browser setup

If you need screenshots in a script or workflow rather than an occasional manual capture, ScreenshotNeo is a website screenshot API and MCP server. It can capture an element by CSS selector; its options also include full-page capture, viewport presets, custom CSS and JavaScript, and waiting for a selector. See the ScreenshotNeo documentation for API parameters. For example, this cURL request captures a page image:

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

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

Quick Recap

Bestseller No. 1

This example requests a page screenshot; it does not specify an element selector. Cookie banners, popups, and chat widgets are removed before capture; bot checks, blank pages, and failed loads are never billed. An MCP server lets AI agents take screenshots. The free plan includes 1,000 screenshots a month with no card, and paid plans start at $5 for 3,000.

Sign up for ScreenshotNeo’s free plan.

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.

More from the Wire

  1. World desk4 min
    How to Spot an AI Voice Scam Before Sending MoneyDon’t rely on how a caller sounds. Pause, call back through a known number, and verify the emergency with another trusted person before sending money.
  2. Mountain View desk4 min
    Google’s SynthID Detector: How to Check AI-Generated Images, Video and AudioGoogle’s SynthID Detector looks for an embedded watermark in supported images, video and audio. Here is what its results do—and do not—show.
  3. Redmond desk20 min
    How to create a link to File or Folder in Windows 11Windows 11 gives you several ways to point to a file or folder without moving or duplicating it. You can create a desktop shortcut,…
Recommended PC Tool
Recommended PC Tool
Windows Errors? Fix Them Before They SpreadFree repair scan
Outdated Drivers Are Slowing You DownFree scan - exact matches

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.