When it comes to taking screen­shots from Chrome, you’ve got three options. Besides the tra­di­tion­al approach via keyboard shortcuts, there are some useful ex­ten­sions like Chrome Capture that let you access ad­di­tion­al features. Al­ter­na­tive­ly, you can save screen­shots in Google Chrome using developer tools.

$1 Domain Names – Grab your favorite one
  • Simple reg­is­tra­tion
  • Premium TLDs at great prices
  • 24/7 personal con­sul­tant included
  • Free privacy pro­tec­tion for eligible domains

How to take screen­shots in Chrome manually

If you are looking to archive or share the content of your website, you can create screen­shots with Chrome manually using the following key com­bi­na­tion:

This way you can take an image of the entire visible page in Chrome. However, only the visible part of the page will be captured. Content below what is visible won’t be captured in the screen­shot.

Chrome Capture: the screen­shot extension from Google

Chrome Capture is an extension that lets you take screen­shots in Chrome to capture an entire page – beyond the visible part. The extension is freely available from Google Chrome. You can get it from the Chrome Webstore and add it to your browser with a single click.

Screen­shot of visible screens

Once added, Chrome Capture provides different ways to capture Chrome screen­shots. Like the manual method, you can capture the entire visible screen. Al­ter­na­tive­ly, you can select a portion of the screen to capture a specified area in your Google browser.

Screen­shot of the full page

The extension shows just how useful it can be when you want to screen­shot not only the visible area, but an entire page in Chrome. Chrome Capture provides this option in a few clicks using the following steps:

  1. Enter the URL you wish to screen­shot.
  2. From the top right select “Ex­ten­sions”.
  3. The menu that launches should include an overview of your screen­shot tools. Locate Chrome Capture.
  4. To screen­shot a visible area or a section, you simply click on Chrome Capture. When you want to capture the entire page, including areas that are not in view, click on the three dots to the right – “More actions”.
  5. You should now see the option “Full webpage screen­shot (beta)” in fourth position. Click on it.
Image: Screenshot of different options of Chrome Capture
Chrome Capture gives you the ability to take a screen­shot of the entire page.

6. Chrome Capture now auto-scrolls a page and creates a screen­shot of the entire website.

7. After creating the screen­shot, Chrome Capture au­to­mat­i­cal­ly launches an editor that you can use to crop the image as you see fit.

Image: Screenshot of the Chrome Capture editor
After the screen­shot is captured, the Chrome Capture editor launches au­to­mat­i­cal­ly.

Ad­di­tion­al options for screen­shots with Chrome Capture

In addition to full-page screen­shots, Chrome Capture provides several other options. Besides image editing, you can create and share GIF or WebM files. This is a useful feature to document a moving image or video instead of a static image. You can record up to ten seconds of footage and also crop or annotate it af­ter­wards.

Al­ter­na­tive­ly, a premium version of Chrome Capture is available that lets you record longer videos. You are not re­strict­ed to a maximum running length, and the extension offers several options for editing. Although the version is not very expensive with a one-time fee of around $8.99, the free version is suf­fi­cient for ordinary screen­shots in Google Chrome.

HiDrive Cloud Storage
Store and share your data on the go
  • Store, share, and edit data easily
  • Backed up and highly secure
  • Sync with all devices

How to screen­shot in Chrome using developer tools

Perhaps the ideal option that neither requires an extension but also does not feature ad­di­tion­al options are Chrome developer tools. Com­par­a­tive­ly, the option can seem a bit more complex for screen­shot­ting and while editor tools are not included, the results are good. Here’s how to use developer tools to take Chrome screen­shots:

  1. First, go to the URL you wish to screen­shot in Chrome.
  2. Click the three dots in the top right.
  3. Now select “More tools” and “Developer tools” at the bottom.
Image: Screenshot of the developer tools option in Chrome
The three dots at the top right take you to the developer tools.
  1. Click the second icon from the left at the top dis­play­ing a small and a large screen – called “Device Toolbar”.
  2. You can now select pa­ra­me­ters for your screen­shot. If you would prefer them not to be there, click on the ap­pro­pri­ate option under “Re­spon­sive”.
  3. Click the three dots to the right of the bar and select the screen­shots you wish to create in Chrome. You can choose to screen­shot the visible area (Capture screen­shot) or the entire page (Capture full size screen­shot).
Image: Screenshot of Chrome developer tools
The developer tools let you take screen­shots of the whole page or in­di­vid­ual parts of it.
Business Email
Discover a new way to email
  • Write perfect emails with optional AI features
  • Add cred­i­bil­i­ty to your brand
  • Includes domain, spam filter and email for­ward­ing
Go to Main Menu