How to Capture a Web Page as an Image
Having the ability to capture a web page as an image is vital for tech bloggers, IT professionals, video podcasters, and web developers. Being able to capture the entire page instead of just a visible portion requires some additional help not available in most browsers by default. Below are some tools and suggestions that can help you achieve your goal.
Capturing Web Pages in Firefox: Firefox has an overwhelming number of plug-ins and add-ons that allow this functionality. Below are a few that the community have taken a liking to. Keep in mind this isn’t an all-inclusive list.
Screengrab captures pages either in their entirety or just what you can see in the current Firefox window. It captures mostly everything you can see in Firefox including flash components.
Abduction! adds a right click option to take screenshots of an entire web page or just part of a web page to save as an image.
FireShot boasts the most forward thinking compatibility being compatible up to 4.0b9pre. That’s not to say others aren’t either heading in that direction or already there. Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify web captures and insert text annotations and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers.
Capturing Web Pages in Chrome: Webpage Screenshot, is it’s called, does exactly that. It takes a picture of either part of a page or the whole thing and sends you to a built-in editor that allows you to add annotations and small edits before saving it or sending it to a free hosting service. This is one of the more robust page capturing tools I tested doing research for this article.
Capturing Web Pages in Windows: IECapt is an open-source solution that captures images of pages rendered using the Internet Explorer engine. This is a pretty standard image capture program and it works for a variety of site styles out there. If it loads in default IE, it will capture in IECapt.
Capturing Web Pages in OS X: Paparazzi! is a free stand-alone program that allows you to capture an entire web page as an image file. It has a simple interface that asks for the URL you wish to capture and size requirements. You can set a minimum and maximum capture area or let it capture a page in its entirety and tell you the results.
Paparazzi! is based on WebKit and Cocoa, and while it captures a lot of different web code bases, it doesn’t render anything that requires a plug-in such as Adobe Flash. This might also be a great way to test a site for compatibility across desktop and mobile browsers. As an example, Jquery and HTML5 resources pull up fine where Flash and Silverlight do not.
If you’ve ever found yourself in the need of capturing an entire web page in the form of an image file, Paparrazi! might be worth a look at. The failure to render embedded YouTube videos, scripted menus, etc. is a drawback, though at a price tag of free there isn’t much of a reason not to keep Paparazzi in mind when searching for a solution to this often nagging problem.