Using Edge Chromium to Screen Capture a Web Page

Written by Eric Wyatt (last updated August 2, 2021)

Over the years, I have needed to capture a screenshot of a web page that I am visiting. Either I need to make some notes about the appearance or possibly save them for reference later if the site changes. Whatever the reason, taking a screenshot hasn't usually been too tricky. I can use Windows built-in Snipping tool or a third-party app like Snagit. These options, though, require using something outside of the browser I am using. Edge Chromium has changed this, however. Now it is possible to take screenshots without leaving Edge. Referred to as Web Capture, the Edge feature allows you to take a screenshot of a portion of the web page or the entire web page. There are two methods to enable this feature.

Activate Web Capture by Right-Clicking

To activate a Web Capture using your mouse, you need to load the web page you wish to capture. Then, follow these steps:

  1. 1. Right-click anywhere on the web page. Edge opens a Context menu.
  2. Click on the Web Capture option, towards the bottom of the Context menu. This displays a small pop-up at the top of the browser with three options: Capture Area, Capture Full Page, or a Close button. (I'll go over the difference between the first two options in just a bit.)
  3. Choose the capture option you desire by clicking on it.
  4. When done, you can either copy the Web Capture to the Clipboard or save the screen capture.

Activate Web Capture with a Keyboard Shortcut

Taking a Web Capture with a keyboard shortcut is similar to right-clicking. However, instead of right-clicking your mouse, pressÊCtrl+Shift+S. This method opens the same pop-up mentioned in step 2 above. Then follow the remaining two steps.

Types of Web Captures

Edge allows for two main types of Web Captures, as mentioned in step 2 above. The first is Capture Area and the second is Capture Full Page. Let's take a look at the differences.

Capture Area

With Capture Area, you are only capturing a portion of the web page. This is good if you only want to focus on a small amount of the page. After selecting Capture Area in step 3, your browser window will dim slightly. After it has dimmed, click and drag a box around the area you wish to capture. When you release your mouse, a box is shown along with a small pop-up with two options: Copy (which copies the image to your Clipboard) or Markup Capture (which opens the picture in a small window allowing you to mark it up and then save, add to collections, or copy).

A few tips: This box can be resized or repositioned before you choose Copy or Markup Capture. If you scroll down on the page while the box is showing, you can capture more of the page that wasn't on the screen when you started drawing your capture window.

Capture Full Page

By choosing Capture Full Page, Edge will automatically capture the entire web page. Edge then opens the capture in the previously mentioned markup window.

If you save a Web Capture, Edge saves the file into your downloads folder. If you copy the capture, it will only be stored in your Clipboard until it is then pasted somewhere.

Web Captures, taken with Edge Chromium, can be helpful and quickly taken to help get you moving quicker. They allow you to focus on the area of a web page you want.

 This tip (13891) applies to Windows 10.

Author Bio

Eric Wyatt

Eric Wyatt is a swell guy (or so his friends tell him). He is a formally trained designer and branding expert, bringing a wide range of skills to his Tips.Net articles. ...

MORE FROM ERIC

Better Sound with Windows Sonic

Windows 10 allows for better sound through the use of Windows Sonic. Windows Sonic is Microsoft's solution for better ...

Discover More

Check your PC's Uptime with PowerShell

Every time a computer restarts, it runs through processes that help its performance. You can use PowerShell to see how ...

Discover More

Ransomware Defense

Ransomware attacks can cause your system and data to become inaccessible. These dangerous and potentially costly attacks ...

Discover More
More WindowsTips

Adjusting Print Margins in Microsoft Edge

Printing hard copies of web pages can be difficult when you want the printout to have margins suitable for storing the ...

Discover More

Disable Edge Chromium Background Processes after Closing

Edge Chromium allows for many new improvements, features, and enhancements. One feature, Background Processes, can use up ...

Discover More

Tracking Prevention

Websites have been tracking users' web traffic for a long time, keeping data on website visits and your surfing ...

Discover More
Comments

If you would like to add an image to your comment (not an avatar, but an image to help in making the point of your comment), include the characters [{fig}] (all 7 characters, in the sequence shown) in your comment text. You’ll be prompted to upload your image when you submit the comment. Maximum image size is 6Mpixels. Images larger than 600px wide or 1000px tall will be reduced. Up to three images may be included in a comment. All images are subject to review. Commenting privileges may be curtailed if inappropriate images are posted.

What is three more than 4?

There are currently no comments for this tip. (Be the first to leave your comment—just use the simple form above!)


Newest Tips