Some links on this page are affiliate links: if you buy through them we may earn a commission, at no extra cost to you.
There is no single Chrome key that instantly captures every kind of screenshot. Open DevTools with Ctrl+Shift+I (or F12) on Windows/Linux, or Command+Option+I on Mac. For a visible page, use Device Mode > More options > Capture screenshot. For the entire webpage, choose Capture a full size screenshot. To select a rectangle, open the Command Menu with Ctrl+Shift+P (Windows/Linux) or Command+Shift+P (Mac), then run Capture area screenshot.
Chrome screenshot shortcuts at a glance
| What you need | Windows/Linux | Mac | Workflow |
|---|---|---|---|
| Open DevTools | Ctrl+Shift+I or F12 | Command+Option+I | Opens DevTools |
| Open Command Menu | Ctrl+Shift+P | Command+Shift+P | Searches for a capture command; it does not capture by itself |
| Visible viewport | Device Mode > More options > Capture screenshot | Captures the page area currently visible in the emulated viewport | |
| Whole webpage | Device Mode > More options > Capture a full size screenshot | Includes content below the current viewport | |
| Selected rectangle | Command Menu > Capture area screenshot | Drag over the region to save | |
| One DOM element | Elements panel > select node > right-click > Capture node screenshot | Captures the selected element | |
The important distinction is scope: viewport, full page, a manually selected area, or one element. The Command Menu shortcut is a launcher for commands, not a one-step screenshot hotkey.
Capture the visible part of a webpage
Use this when the screenshot should show exactly what is visible in Chrome’s page viewport.
- Open DevTools with Ctrl+Shift+I or F12 on Windows/Linux, or Command+Option+I on Mac.
- Turn on Device Mode if it is not already active. The device-shaped toolbar appears above the page preview.
- Open Device Mode’s More options menu.
- Select Capture screenshot.
Chrome saves the resulting image through its normal download process. This command captures the emulated viewport, not the browser’s tabs, address bar, or DevTools panels.
#1 Best Overall
- 【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.
Capture a full-size screenshot of a long page
A normal viewport shot stops at the visible fold. For an “extended screenshot” that includes the rest of a page, keep Device Mode enabled and choose the full-size command.
- Open DevTools and enable Device Mode.
- Open More options in the Device Mode toolbar.
- Choose Capture a full size screenshot.
Chrome captures content outside the current viewport in the page’s full scrollable layout. This is the appropriate workflow for long articles, landing pages, and pages where scrolling would otherwise require several separate images.
When a full-page capture is not the right choice
- Choose Capture screenshot when you need the exact current viewport for a bug report or visual comparison.
- Choose Capture area screenshot when only a particular rectangle matters.
- Choose Capture node screenshot when the target is a specific card, chart, banner, or other DOM element.
Capture a selected area
The area workflow is useful when the desired region does not correspond neatly to one HTML element.
Rank #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
- Open DevTools.
- Open the Command Menu with Ctrl+Shift+P on Windows/Linux or Command+Shift+P on Mac.
- Type
screenshotin the command search. - Select Capture area screenshot.
- Drag across the part of the page you want to save.
Area capture requires DevTools to remain docked to the browser window. If DevTools is undocked, Chrome’s own guidance says this command will not work; dock DevTools and run the command again.
Capture one page element
Use a node screenshot for a single DOM element instead of manually drawing a rectangle.
- Open DevTools and select the Elements panel.
- Click the node that represents the target element. You can use the element picker if finding it in the markup is difficult.
- Right-click the selected node.
- Choose Capture node screenshot.
Chrome saves the node screenshot to the Downloads folder on Windows and macOS. The result follows the selected element’s rendered bounds, making this method useful for isolated components such as product cards or navigation blocks.
Rank #3
- 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
Which Chrome method should you use?
| Situation | Best choice | Why |
|---|---|---|
| Document what is currently on screen | Capture screenshot | Matches the visible viewport |
| Archive a complete scrolling page | Capture a full size screenshot | Includes content outside the fold |
| Clip an arbitrary rectangle | Capture area screenshot | You draw the exact boundaries |
| Export one component | Capture node screenshot | Uses one selected DOM node’s bounds |
All four workflows use DevTools. Only the Command Menu and DevTools-opening combinations are keyboard shortcuts; the actual capture action is selected from a menu or command result.
Troubleshooting Chrome screenshot commands
The screenshot command is missing
Confirm that DevTools is open and Device Mode is enabled for viewport and full-size captures. For an area capture, open the Command Menu inside DevTools and search for screenshot rather than pressing the shortcut and waiting for an automatic capture.
Area capture does nothing
Dock DevTools to the browser window. Chrome documents that area capture does not work while DevTools is undocked. After docking, reopen the Command Menu and choose Capture area screenshot again.
Rank #4
- 【4K Clarity, 1080P Performance】Enjoy stunning clarity with our USB 3.0 Video Capture Card—featuring 4K input and smooth 1080P@60Hz output. Featuring YUY2 technology, it delivers richer colors than MJPEG for lifelike live streaming and recording. Plus, it delivers high-quality video with minimal latency, making it perfect for gamers and content creators.
- 【Mic-in for Easy Commentary】Plug in a headset or mic directly to stream/record voice easily—no extra adapters. Great for real-time gaming commentary, online classes, or vlog dubbing. Paired with its low-latency tech, it keeps voice synced perfectly with video, eliminating post-editing hassle from mismatched audio-visuals. Fits most 3.5mm devices—ideal for gamers, teachers, creators.
- 【Plug and Play, no Extra-Drivers】No extra drivers or external power—just plug in and start capturing instantly. Small and lightweight, it fits easily in your bag for outdoor live streams, on-the-go recordings, or emergencies. Ideal for game capture, video conferences, and online teaching, it saves hassle while delivering smooth results.
- 【Wide Compatibility: Apps & Devices】No extra adapters—works flawlessly with your go-to platforms and gear. It pairs with streaming/recording apps like Twitter, YouTube, Facebook, OBS, XSplit, and VLC, plus devices including Switch/Switch2, PS5/PS4, Xbox, DSLR cameras, PC, macOS, and Android. Whether gaming, streaming, or hosting video calls, it keeps HD quality intact, eliminating "compatibility headaches".
- 【Worry-Free After-Sales Support】We are committed to delivering exceptional quality products that combine sophisticated design with affordable pricing, offering you the best solutions for seamlessly connecting your work and life. Whether you're a newcomer or a seasoned user, feel free to reach out anytime with any questions—your satisfaction is our top priority.
The image is only the visible portion
You selected Capture screenshot, which is the viewport command. Repeat the Device Mode menu and choose Capture a full size screenshot for content below the fold.
The result contains the wrong object
For a single component, return to the Elements panel and verify that the intended node is highlighted before choosing Capture node screenshot. If the target is not a discrete element, use area capture and drag around it.
Recommended Free Tools
The keyboard combination is intercepted
Some operating-system, keyboard-layout, remote-desktop, or browser extensions can intercept function-key combinations. Open DevTools from Chrome’s menu instead, then use the visible Device Mode and More options controls. The capture commands themselves remain available from those menus.
Best Value
- 【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 page changes while capturing
Wait for the page to finish loading and for animated content to reach the state you want before invoking the command. A full-size capture reflects the page layout at capture time; dynamic ads, rotating banners, or live data can therefore differ between attempts.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Or skip the browser setup:
ScreenshotNeo provides a website screenshot API and MCP server. A single request can return PNG, JPEG, WebP, or PDF output, so you do not need to open DevTools for repeatable captures.
See the complete parameter reference in the ScreenshotNeo documentation. The following calls use the documented API endpoint and a placeholder key.
PC Slower Than It Used to Be?
A free scan shows the junk files, broken settings and background clutter dragging Windows down - then fixes them in one click.Free scan · Windows 10 & 11Outdated 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 matchcURL
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpPython
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}`);ScreenshotNeo can accept a consent banner before capture and remove more than 60 known consent platforms, newsletter popups, and chat widgets; each cleanup step can be disabled. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed, and response headers identify the page verdict and whether the request was billed. Its MCP server exposes take_screenshot, get_page_info, and capture_pdf to Claude, Cursor, and other MCP clients.
Beyond the basic call, the service supports full-page captures with lazy images loaded, CSS-selector element captures, dark mode, 12 device presets plus custom viewports, retina scale, PDF paper and margin controls, custom CSS and JavaScript, pre-capture clicks, selector hiding, waits for a selector, delay, or network idle, request and resource blocking, custom headers, cookies, user agents and Authorization, timezone and geolocation, transparent backgrounds, resizing, chosen cache TTLs, signed links, asynchronous jobs with signed webhooks, bulk capture of up to 100 URLs per call, a usage API, an OpenAPI specification, and familiar parameter names used by other screenshot APIs.
| Plan | Allowance | Price |
|---|---|---|
| Free | 1,000 shots per month | $0; no card |
| Starter | 3,000 shots | $5 |
| Growth | 15,000 shots | $15 |
| Pro | 60,000 shots | $39 |
| Scale | 250,000 shots | $99 |
| Business | 1,000,000 shots | $249 |
Yearly billing provides two months free, and every feature is available on every plan. If you need automated, cleaned captures rather than an interactive Chrome session, sign up for the free plan to get 1,000 screenshots each month with no card; paid plans start at $5 for 3,000 shots.
Frequently Asked Questions
Is Ctrl+Shift+P a direct screenshot shortcut?
No. It opens DevTools’ Command Menu. You must search for Capture area screenshot or another screenshot command and then select it.
Quick wins for a faster PC:
Scan for outdated or missing drivers - takes under a minuteDriver Scan →Clear out junk files and repair common Windows errorsFree Scan →Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Where will a node screenshot appear?
Chrome saves a capture made with Capture node screenshot to the Downloads folder on Windows and macOS.
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.
