How to take Screenshot on Chrome

There are obviously a lot of uses for screen captures including its use for support, education, presentations and a whole lot more. While capturing screenshots, it may just be typically limited to just what you can view on the screen. However, with Chrome, you can use an extension to essentially capture screenshots. To use this feature, you may well have to take a few steps as detailed below. Other options are also highlighted but ultimately, the choice remains yours on which to follow suit with.

Using the Chrome Extension

There are a few steps to making this work for you. Following them may just be your best bet on getting the extension to work perfectly.

  • Firstly, you need to go the Chrome Web Store and search for the Screen Capture extension in the search box.
  • Once you select this extension, you can then install it.
  • Post installation you can then click on the Screen Capture button installed within the Chrome toolbar.
  • You can choose to either capture a whole screen by clicking on the Screen Capture button and selecting the Capture Whole Page option. You can also choose to use the keyboard shortcut on Windows Ctrl+ Alt + H.
  • As you do this, you will notice that Chrome is scrolling down for it to go on and capture the entire page.
  • Once this is finished, an options bar displays above the Web page which allows for sharing, annotations and even saving the capture as it were.
  • With this Chrome extension, you can now proceed to capture articles in their entirety, for sharing or to even view or read later.

The Indirect Option

There is also the indirect option which basically lets users who do not want to follow the option of installing an extension. The step by step method is as described below and may require some understanding for you to be able to follow through.

  • First, you have to open the website where you want to take the screenshot from. Then you go to View and then Developer and then open Developer Tools. If you use Windows, you can press F12 to be able to open the developer tools or even press Ctrl + Shift + I to do this. If you use a Mac, the shortcut keys will be Option + Cmd + I.
  • You can click on the Toggle Device Toolbar button to then open the responsive mode option which shows the mobile view of the site.
  • Once this is done, you can then click on the three dots button. There are usually three buttons, one close to the address bar, another below it and yet another within the developer tools section. You will have to click on the second button.
  • You will then see two options within the menu for you to able to Capture Screenshot or even Capture full size screenshot as you may wish to do. The Capture Screenshot option works to ensure you can take the visible portion shown on the site as it is on the browser. Once you click on this to take the screenshot, the visible portion is captured and downloaded instantly and is then made available within the downloads folder of your device. The image is usually saved in the PNG format by default unless you decide to alter it. The Capture Full Screenshot option also works in a similar fashion as explained below.
  • Once you click on the Capture Full Screenshot option to take the full screenshot of the website from bottom to top. Such captured image will be quite large in size dependent on webpage length. Usually, it will be quite useful to check the alignment of the site’s design on various devices. In both cases as described above, the screenshot will always be downloaded to the Downloads folder of your device as a PNG image format unless you decide to change this.

There is a certain advantage for those who choose this route in getting screenshots while using Chrome or better put, the best way on how to screenshot on Chrome. You can take the screenshot with device frames which could be in the form of mockups. It is also able for you to use any standard or custom set dimensions which you can rotate as with device frames for the captured screenshot.

There is also a different method of how to screenshot on Chromebook as highlighted in the screenshot below which makes it quite easy to understand and follow. This description is essentially for the Chromebook and you can start by holding down the Ctrl button and F5 button on the Chromebook. The screenshot also describes how you can take partial screenshots.

Taking a partial or full screenshot is totally dependent on you and what use you deem the screenshots fit for. The good thing is that you can decide to take either or both through the means of using an extension or indirectly by using the button combination on your device or Chromebook. 

The file format you choose to save the screenshots are also entirely dependent on your choice. However, as earlier noted, the PNG file format is the format of choice when saving a screenshot unless otherwise changed by you. The PNG file format is essentially the clearest format for saving images and just about ensures image quality is retained as it were.