LOGO

How to Take Screenshots in Chrome - Easy Guide

February 5, 2010
How to Take Screenshots in Chrome - Easy Guide

Capturing Webpages with the Webpage Screenshot Extension for Chrome

For users of Google Chrome, a need often arises to quickly capture a webpage's content without resorting to external applications. This article examines the Webpage Screenshot extension, a tool designed to save webpage screenshots in PNG format.

Obtaining a screenshot of a webpage can sometimes be complex, particularly when only a specific section or the entire page is required. This extension provides a convenient solution when launching a dedicated screenshot utility is undesirable.

Webpage Screenshot: How it Works

To capture a webpage, simply click the “Toolbar Icon” to reveal a drop-down menu. This menu offers three screenshot options: a Resized Window with custom dimensions, a screenshot of the Visible Area, or a capture of the Entire Webpage.

take-screenshots-of-any-webpage-in-google-chrome-1.jpg

Selecting the “Resize Window Option” allows precise control over the screenshot's dimensions. Users can input a specific width and height, ideal for those who prefer finely tuned results.

take-screenshots-of-any-webpage-in-google-chrome-2.jpg

Choosing “All Page Screenshot” initiates an automatic scrolling process as the screenshot is generated. The drop-down window remains active during this capture.

take-screenshots-of-any-webpage-in-google-chrome-3.jpg

Upon completion, a thumbnail preview of the screenshot is displayed, along with its file size and a link to view the full image.

take-screenshots-of-any-webpage-in-google-chrome-4.jpg

Viewing the image opens it in a new tab. The primary difference between the screenshot and the original webpage is the presence of a “Control Area” at the top and the absence of the website address when viewed at 100% zoom.

take-screenshots-of-any-webpage-in-google-chrome-5.jpg

Saved screenshots can be easily accessed and viewed through the browser’s “Download Bar”.

take-screenshots-of-any-webpage-in-google-chrome-6.jpg

The “Downloads Page” provides a convenient location to search through previously captured screenshots.

take-screenshots-of-any-webpage-in-google-chrome-7.jpg

Evaluating the Results

The resulting screenshot, when opened in an image editor like Paint.NET, appears to be of high quality.

During testing, it was observed that the screenshot's visible width was influenced by the browser window's size. The entire webpage length was captured, but the width was limited by the browser's current dimensions. Maximizing the browser window before capturing the screenshot avoids this issue.

take-screenshots-of-any-webpage-in-google-chrome-8.jpg

Comparing the screenshot to the original webpage reveals that the right side is cut off at the same point in both images.

take-screenshots-of-any-webpage-in-google-chrome-9.jpg

In Conclusion

For those seeking a straightforward screenshot utility for Google Chrome, the Webpage Screenshot extension is a worthwhile consideration.

Resources

Download the Webpage Screenshot extension (Google Chrome Extensions)

#chrome screenshot#screenshot#webpage screenshot#full page screenshot#chrome extensions#screenshot tutorial