Capture Full Website Screenshot with Webpage Screenshot Chrome Extension

As a web designer, I usually take screenshots of various beautifully-designed websites to be kept as ideas, source of inspiration, as well as a subject of research. I used to keep the URL of the web sites, but the thing is, websites change from time to time, and sometimes you want that particular design, which is no longer available.

So then I started taking snapshots. In the beginning, I actually take the screenshots one by one and stitch them in Photoshop (dumb, I know), then I discovered an app called SnagIt – a payware. The problem is that somehow the recent version of SnagIt doesn’t really capture the websites properly, and on certain browsers (notably webkit-based), it doesn’t even capture at all.

Then, I stumbled upon a holy grail…

Okay, pardon me for the cheesy image. I just can’t help myself

Webpage Screenshot for Google Chrome

Google Chrome can be made more useful with the use of extensions, and this one is called “Webpage Screenshot“. Using it is very simple, you first click on the camera icon next to your address bar in Chrome, and it will ask you whether you want to take only what’s visible, or take the entire webpage (yes the entire length).

Yeah, click that camera icon pointed by red arrow, and oh, click on the image above to see full size

Once you’ve made your capture, a thumbnail of the page will be displayed. Click on it to see it in full.

The page that pops up after that will allow you to save the screenshot.

And you’re done!

Like it? Why don’t grab yourself the Google Chrome browser, then install the Webpage Screenshot extension and go nuts screen-shotting all the websites you want today?