How to take a screenshot on the Chrome browser

How to take a screenshot on the Chrome browser

Google chrome app icon on the google pixel 3

Screenshots are images containing all of the contents of a screen or window. For example, if I were to take a screenshot of an active game on my smartphone, it would be a still image of that one frame from the game. Knowing how to take a screenshot on Google Chrome will allow you to save certain information that may be important later.

Read more: How to take a screenshot on Windows 11

QUICK ANSWER

To take a screenshot on Chrome on Windows, select Control + Alt + Print Screen; this will capture the content on your current window. Or you can press Print Screen to capture the entire screen. Additionally, you can use developer tools to capture more specific content.

To take a screenshot on Chrome on Mac, press Command + Shift + 3; this will capture the content on your entire screen. Command + Shift + 4 will capture a specific area. Additionally, you can use developer tools to capture more specific content.


JUMP TO KEY SECTIONS 

How to use keyboard shortcuts to take screenshots on Chrome

Windows keyboard shortcuts

Windows makes taking screenshots unbelievably easy with keyboard shortcuts. Select Print Screen or Control + Print Screen on your keyboard. This will copy the visual information from your entire screen to your clipboard.

Windows 11 laptop PrtSc print screen key

Palash Volvoikar / Android Authority

After this, you can paste your screenshot in an app like Paint, which comes pre-installed on Windows devices.

But, if, like me, you use either an ultrawide monitor or multi-monitor setup, then pressing Print Screen might not be what you’re looking for. Print Screen copies everything from your entire monitor. This means if you’re using an ultrawide monitor or multiple monitors, you will get a screenshot that looks something like this.

windows print screen on wide monitor

Curtis Joe / Android Authority

To avoid this, you can screenshot a single open window. To do this on Windows, click on the window you want to screenshot and select Control + Alt + Print Screen on your keyboard. This will copy the screenshot of that window to your clipboard, and you can paste it in Paint to save the image.

A Control + Alt + Print Screen screenshot

Curtis Joe / Android Authority

Pressing Control + Alt + Print Screen will result in a screenshot that looks like this.

Mac keyboard shortcuts

mac screenshot apple imac

Jon Fingas / Android Authority

Screenshotting on Mac is fundamentally identical to how you screenshot on a PC. However, there are a few differences in the shortcuts because Apple’s keyboards are different.

  • Command + Shift + 3 to take a screenshot of your entire screen.
  • Command + Shift + 4 on your keyboard to make your cursor become a crosshair. Click and drag the crosshair over whichever screen area you wish to screenshot. While dragging your click, you can press and hold the Space bar to move your selection. Release your click to finish taking the screenshot. Press Esc to cancel taking your screenshot.
  • Press Shift + Command + 4 + Space bar on your keyboard and your cursor will become a camera. Click the window you want to screenshot with the camera icon.

Screenshots are normally found afterward on your desktop, but you can change this location.

How to use developer tools to take screenshots on Chrome

Another way to screenshot Google Chrome is to use some built-in developer tools, to take screenshots of more specific elements.

Open developer tools in Google Chrome. On Windows, select Control + Shift + I or right-click on a Chrome window and click Inspect. On a Mac, select Command + Option + I.

clicking inspect to get to elements

Curtis Joe / Android Authority

If you can, right-click and then click Inspect to open Developer Tools “Inspect Elements”

Open the Command bar popup within developer tools, by selecting Control + Shift + P in Windows. On a Mac, select Command + Shift + P.

control shift p after control shift i

Curtis Joe / Android Authority

The Command bar looks like a little search bar with Run > preceding the field where you type. In the field where you can type, you will see faded lettering that reads Command. In this field, type Screenshot.

You will see four options appear underneath the area where you typed. Click on the one that suits your needs best:

    • Capture area screenshot will turn your cursor into a big + sign; click and drag this over the area you want to screenshot within the open Chrome window. Release the click to save the screenshot.
    • Capture full-size screenshot will take a screenshot of the entire webpage, which is incredibly useful for very long pages that extend multiple scrolls. Everything at the top of Chrome, including your tabs, bookmarks bar, and address bar, won’t be in the screenshot.
    • Capture node screenshot allows you to screenshot a specific HTML element you can choose in the developer tools.
    • Capture screenshot is your standard screenshot. It captures what you can see on-screen minus everything at the top of Chrome, like your tabs, bookmarks bar, and address bar.
typing in screenshot into the developer tools

Curtis Joe / Android Authority

How to use a Chrome extension to take screenshots on Chrome

The last way you can easily take screenshots on Google Chrome is to use an extension. Search for an extension called Awesome Screenshot & Screen Recorder in the Chrome Web Store. Click Add to Chrome.

awesome screenshot add to chrome

Curtis Joe / Android Authority

Make sure to pin the extension to your browser toolbar for easy access. After pinning the extension, you can click Awesome Screenshot whenever you want to take a screenshot.

  • Click the Capture tab at the top of the extension.
  • Under Save image to at the bottom, only select Cloud if you are signed in to your Google account. If you aren’t, select Local instead.
  • Select the type of screenshot you want to take:
    • Visible Part
    • Full Page
    • Selected Area
    • Visible Part after Delay
    • Entire Screen & App Window
    • Annotate Local & Clipboard Image
awesome screenshot

Curtis Joe / Android Authority

Use the developer tool method if you want to screenshot a whole page that you would normally need to scroll down on. Select Capture full-size screenshot when prompted.

How do you take a scrolling screenshot in Chrome?

Use the developer tool method if you want to screenshot a whole page that you would normally need to scroll down on. Select Capture full-size screenshot when prompted.

Alternatively, with an extension such as Awesome Screenshot, you can select Full Page for a full-page screenshot.

Leave a Reply