How to screenshot a webpage with Chrome

by

A guide on how to screenshot a webpage with Chrome using Google’s browser developer tools and best extensions.

If you prefer using Google Chrome as your web browser and need to take screenshots continuously, you might want to consider using the browser’s built-in screenshot tool. Few people know about this developer tool, which is not only easy to use, but it is an excellent replacement for the Windows 10 capture tool and the Stamp button on the keyboard.

Index

  • How to take screenshot with Chrome on PC
  • How to take screenshot with Chrome on Android
  • Best Chrome extensions for screenshots
    • Awesome Screenshot
    • LightShot
    • Fireshot
    • Screen Capture
    • Nimbus Screenshot

How to take screenshot with Chrome on PC

After opening Google Chrome, make sure you are on the page you want to capture before taking a screenshot. Then press CTRL + SHIFT + I at the same time if you are working on a PC, otherwise CMD + SHIFT + I if you are on a Mac. Then press CTRL + SHIFT + P at the same time if you are on a PC or CMD + SHIFT + P on a Mac .

In summary.

For Windows 10:

  1. CTRL + SHIFT + I 
  2. CTRL + SHIFT + P

For Mac

  1. CMD + SHIFT + I 
  2. CMD + SHIFT + P

The Chrome development console can also be reached by going from the browser menu (the three dots at the top right) and then selecting More tools> Developer tools . Once inside the console, press on the menu at the top right, the one with the three dots , and select the Run Command item .

Type ” screenshot ” without pressing Enter. You should see a series of four screenshot options.

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

  • Capture area screenshot: allows you to select a specific part of the screen and save it as an image. If you choose this option, you will be able to drag the mouse inside the Chrome window. Select the part of the page you are interested in capturing and it will automatically be saved. Note that you cannot use this tool to capture the Chrome Inspector, which will never be included in the screenshot.
  • Catpure full size screenshot: This option saves the entire web page as an image, from top to bottom.
  • Catpure note screenshot: allows you to capture a specific HTML node. It is very useful for developers
  • Capture screenshot: It is very similar to the standard screenshot. Save in image format what is currently visible on the screen.

Using the arrow keys on your keyboard, scroll down and choose the option you need and hit Enter . Your screenshot will be captured and saved automatically. You can save it wherever you want or find it in the Chrome download folder.

The main difference between using the Print keyboard key and this Chrome tool is that Chrome’s screenshot tool doesn’t include the borders of the Google browser window, only the web page content.

How to take screenshot with Chrome on Android

In 2018, Google removed the ability to take web screenshots while browsing incognito for reasons to protect user privacy on Chrome. Lately, however, he is planning an update to his browser on Android that will allow you to take screenshots in incognito mode.

You can try such future implementation on Chrome Canary . To do this, all you have to do is download Chrome Canary from Google Play. Once the download is complete, start the app and type chrome: // flags in the address bar and search for “ Incognito Screenshot . Tap the drop-down menu and Enable the flag . Then restart your browser.

Launch a tab in private browsing mode and take a screenshot (volume down + power key). The browser will allow you to capture the web page and then save it to your phone.

Attention the app is still unstable and you may have several bugs or crushes while using it.

There’s no guarantee that the option will be introduced in future versions of Chrome, but it’s still interesting that Google is experimenting with it.

Best Chrome extensions for screenshots

Chrome’s built-in snipping tool is really interesting and very good. But for those unfamiliar with the developer tool, they may find it difficult to use it. That’s why many users prefer to take screenshots of text, images or screen recordings by taking advantage of Chrome add-ons.

Below you will find the best extensions for taking screenshots on Chrome. After installing one of the following extensions in your browser you can save the screenshot on your computer. To help you make a better choice, we’ve compiled a comprehensive list of Chrome screenshot plugins.

1. Awesome Screenshot

Awesome Screenshot is a free extension for Google Chrome that allows you to take a picture of the website you are viewing and save it to your computer to share it online. After installing Awesome Screenshot, clicking on the camera lens icon you will see three options:

  • Capture a visible part of the page.
  • Capture the selected area.
  • Capture the whole page.

Once the image is captured, you can crop it, annotate it or blur it and save it. If you are looking for a simple tool to save the Internet pages you see while browsing, Awesome Screenshot is perfect for you.

2. LightShot

It is the best alternative to Awesome Screenshot. The LightShot extension is light, fast and simple to use. It allows the selection of any area and is able to take screenshots with just two clicks thanks to an intuitive and minimal interface.

Once the web page has been captured, LightShot allows the sharing of screenshots and in case you need it, with its integrated editor, instant modification before or after the screenshot.

3. Fireshot

Another best screenshot plugin for Chrome is Fireshot . With this extension you can not only capture entire web pages, but also edit them using its built-in image editor.

You can capture complete web pages or selected areas and choose to take a screenshot of only the visible part. Screenshots can be saved in file formats: PDF, JPEG, PNG, GIF and BMP.

4. Screen Capture

Screen Capture improves your productivity by allowing you not only to take screenshots and then share them with colleagues but also to record videos. You can also add voice comments using a microphone while capturing the video.

Easy to use, the acquisition involves three simple steps:

  • Start the online video recorder
  • Adjust the settings and capture the screen
  • Save the result

By sharing the URL of the screen image file, your colleagues can view it from any device.

5. Nimbus Screenshot

Nimbus Screenshot is a complete and versatile Chrome extension. Using it, you will be able to record videos and annotate them, acquire web pages to edit and share them. What sets this add-on apart from others is the ability to capture the screen in the mobile layout and take a screenshot of a page with a slight delay.

There is no shortage of options for capturing the entire page, part of the page or only the visible area.

 

Related Posts:

by Abdullah Sam
I’m a teacher, researcher and writer. I write about study subjects to improve the learning of college and university students. I write top Quality study notes Mostly, Tech, Games, Education, And Solutions/Tips and Tricks. I am a person who helps students to acquire knowledge, competence or virtue.

Leave a Comment