Google chrome

How to Take a Screenshot on Google Chrome in 4 Ways

  • You can take a screenshot in Google Chrome with one of your computer’s built-in tools or through Chrome’s developer menu.
  • To take a screenshot with Chrome’s developer menu, open the Element Inspector, then type “screenshot”.
  • You can choose from four types of screenshots, including one that captures an entire webpage, even if you can’t fit it all on your screen.
  • Visit Business Insider’s Tech Reference Library for more stories.

You probably know several ways to capture screenshots on your computer, including using the Print Screen button and Snipping Tool in Windows 10.

But if you use Google Chrome as your web browser and frequently need to take screenshots, you might want to use the relatively obscure – but easy to use – screenshot tool built right into the browser. . Not many people know about it because it is considered a tool for developers, but actually anyone can use it.

Here’s how to take a screenshot in Google Chrome, on your Mac or PC.

Check out the products mentioned in this article:

Apple Macbook Pro (from $1,299.00 at Apple)

Acer Chromebook 15 (from $179.99 at Walmart)

How to Take a Screenshot on Google Chrome

1. Open


Google Chrome

and hit Ctrl+Shift+I if you’re on a PC, or Command+Option+I if you’re on a Mac – it’s the letter I, not the letter L. This will open a developer menu called Element Inspector, which allows you to see the HTML code with which the current web page is created.

2. Then press Ctrl + Shift P if you’re on a PC or Command + Shift P on a Mac. This will allow you to search through your list of developer tools.

How to take a screenshot on Google Chrome 1

After pressing the keyboard shortcuts, you should see the Elements Inspector and the Search menu.

Dave Johnson/Business Insider


3. Type “screenshot”. Do not press Enter. You should see a set of four screenshot options.

Here’s what each of the four screenshot options do:

  • Capture area screenshot. This lets you select a specific part of the screen and save it as a screenshot. If you choose this option, after a while you will be able to drag a box with the mouse anywhere in the Chrome window. Select the part of the page you want to capture and it will be saved. Note that you cannot use this tool to capture the Element Inspector itself – which is never included in the screenshot.
  • Capture a full size screenshot. This option saves an image of the entire web page, top to bottom. It’s a convenient way to grab a long-page image that extends well beyond the bottom of the screen.
  • Capture node screenshot. This is of more interest to developers – it allows you to capture an image of a specific HTML element selected in the Elements Inspector.
  • Screenshot. It looks the most like a standard screenshot. It saves an image of what is currently visible on your screen.

4. Using the arrow keys on your keyboard, scroll to the one you want and press Enter. Your screenshot will be taken and automatically saved. You can find it in Chrome’s download manager at the bottom of the window.

How to Take a Screenshot on Google Chrome 2

Choose the type of screenshot you want to take.

Dave Johnson/Business Insider


The main difference between using the Print Screen key and this Chrome tool is that the Chrome Snipping Tool does not include the borders of the Chrome browser window itself, only the page content. website.