• ARTICLES
SEARCH

How-To Geek

Take Screenshots of Any Webpage in Google Chrome

If you are using Google Chrome, there are times when you might want to quickly take a screenshot of a page without having to open a third party utility. Today we take a look at the Webpage Screenshot extension for Chrome which will save a screenshot of any webpage in PNG format.

Sometimes obtaining a screenshot of a webpage can be a bit of work depending on whether you need only a portion of it or the whole thing. If you do not want to take the time to launch another screenshot utility, this extension works well in a pinch.

webpage-screenshot-01

Webpage Screenshot in Action

As soon as you find a webpage that you would like a screenshot of click on the “Toolbar Icon” to open this drop-down window. Notice that there are three types of screenshots that you can take: a Resized Window (specific pixel size), a Visible Area Screenshot, or the Entire Webpage.

webpage-screenshot-05

If you choose the “Resize Window Option” this is what you will see. Being able to enter a custom width and height will be great for anyone who loves to finesse their screenshots.

webpage-screenshot-06

For our example we chose “All Page Screenshot”. The drop-down window will be active and the webpage itself will “auto-scroll” as your screenshot is being created.

webpage-screenshot-07

When finished you will be presented with a thumbnail of the screenshot, the image size, and a clickable link to view the image itself.

webpage-screenshot-08

Clicking to view the image will open the image in a new tab. Looking at it the only difference between it and the original will be the “Control Area” at the top and the lack of a website address if you are viewing it at 100%…ours turned out that nicely.

webpage-screenshot-09

When you have saved the screenshot you can easily open and view it using the “Download Bar”…

sshot-2010-02-04-[16-50-43]

If you have taken a lot of screenshots you can easily search through them on the “Downloads Page”.

Google Shot

The Results

Here is our screenshot opened in Paint.NET…definitely looking good.

There was one interesting thing that we noted during our test. The entire length of the webpage was captured but the “visible width area” of the screenshot was affected by the width of the browser window itself (in our case the browser was not maximized). This will not be a problem if you have your browser window maximized though…

webpage-screenshot-10

Here is the webpage shown for comparison with the screenshot displayed above…the right side is “cut off” at the same point in both.

webpage-screenshot-11

Conclusion

If you have been been looking for a nice screenshot utility for Google Chrome then you might want to give this extension a try.

Links

Download the Webpage Screenshot extension (Google Chrome Extensions)

Akemi Iwaya (Asian Angel) is our very own Firefox Fangirl who enjoys working with multiple browsers and loves 'old school' role-playing games. Visit her on Twitter and .

  • Published 02/5/10

Comments (11)

  1. Lander
  2. Doctor

    and there is the Button Prt sc which near the keypad well on my laptop any way which is nice but I might try this and give it a Whril

  3. Doctor

    And by the way What are you using for editing?

  4. Justin

    This is absolutely cool tricks, save my time to get web screen shot for my books. Which is better web page screen shot Fireshot addon for firefox (via @lander above)

  5. Ron Davison

    I tried a speed up your PC technique that I thought I found on how2geek (but not sure may have been a link through to another help site?)

    The technique involved suppresing images from loading so the web page could display text faster.

    But now I when I load a word document (using a template) my images are gone!

    Ahhgg!

    at the time of installing the upside seemed to outway the downside (but I should have listened to that nagging voice in the back of my head saying but what if it screws up other stuff?)

    perhaps this is still true assuming an easy fix is near and you folks can inform me of how to toggle this feature suppresion on/off.

    Printed document and images are there.

    could not find original link when searching how2geek.

    I do remember the article saying there was a way to toggle images on but can’t remember the details.

    Thanks for any suggestions or links you can send back
    Ron

  6. Roger

    Use Google Picasa 3 and the shift PrtScn works any time for screen capture even in pps files, if it is running at the time. Great for documentation or error messages to report a problem. Capture is jpg and easly edited or cropped in Picasa also.

  7. James

    Lander mentioned Fireshot as an add-on for Firefox which definitely gets the job done, but it can be heavy on resources.
    A lightweight alternative choice to Fireshot would be Webshot
    https://addons.mozilla.org/en-US/firefox/addon/6168

  8. FavChrome

    You can also use Alt+Prt scn button which will print the screen of the active window. Very handy for use on dual or multiple monitors.

  9. Swathi Reddy

    good post but i think new webpage screen shot is little bit changed it is now advance.Thanks for the information

  10. Steve

    Very helpful…THANKS HOW TO GEEK! The screen grab extension made by Google in the actual Google Chrome store worked the best

    https://chrome.google.com/webstore/detail/cpngackimfmofbokmjmljamhdncknpmg?ct=recommended

  11. Retro

    Like Dana said, I download google chrone and none of the feature your are mentioning are found :(

Enter Your Email Here to Get Access for Free:

Go check your email!