How to take full webpage screenshot?

There are tonnes of great website designs on the web out there. Sometimes, web users wanted to take screenshot of the website either for future reference or as collection. The easiest method to use is by hitting the Print Screen and Paste it in MS Paint. But what if we want a full page screenshot?

Last time, when I want a full site screenshot, I do print screen page by page and then join it back in Photoshop. Clever. But the tools below make me look so stupid.

Firefox Add-on: Screengrab!

Screengrab! saves the entire webpages as images. Once installed, the Screengrab! icon appears at the bottom bar of Firefox browser. You can either choose to save or copy to clipboard. Output formar is in PNG. Best use for quick screen grabbing and saving. However it cannot take screenshots of flash content sites thou.

Firefox Add-on: FireShot

FireShot is a Firefox extension that creates and edits screenshots of web pages. Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify captures and insert text and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers.

The Fireshot button appears at the right side of search bar. And like Screengrab!, it can’t capture flash contents. Although I use Screengrab! more often, but I found that FireShot is more useful.

Web: Super Screenshot

Superscreenshot is a website that let you enter a URL, and will give you the website screenshots in return. The URL entered can be save as full page with full original size either in JPG (compressed) or png (best quality, but takes some time to load). Again, it can’t capture flash content sites. Plus the screenshot width is narrow, about 900 pixels only. This means that content that wider than 900px will be cropped.

There is alternative site which is Browser Shots, but normally people use it to test how the site looks in different browsers.

Application: WebShot

WebShot allows you to take screenshots of web pages and save them as full sized images or thumbnails. Screenshots images can be output in the JPG, GIF, PNG, or BMP formats. The application is very flexible, you can set the width for the screenshot, and if you did not set the height, it will capture a whole page.

And the best part is it successfully captured flash content sites. But, flash sites normally takes more time to load, so to capture flash sites, I suggests to set the Timeouts for document for more than 30 seconds, depends on how fast your line is. It is free to use too.

End Note
Above are the 4 methods to take full web screenshots faster and smarter. If you have other methods, feel free to tell me by using the comment form below.

• Share your inspiration with ScrnShots
• 4 sites for your testing needs
• Jay-han.com in Safari
• Create a simple, cross browser centered 3 column fixed width CSS layout
• 7 Delicious Web Design Galleries