Skip to main content

How to Capture & Save Screenshots of Webpages

How to convert an entire website to an image file or PDF on Windows, Linux or Mac ?

Some time back, we discussed several screen capture add-ons for IE and Firefox with auto-scroll feature that allow you to save lengthy scrolling websites with images, javascript and even Flash animations to graphic files in GIF, JPG, TIFF or PNG formats.

While the quality of website pictures captured with these screen capture utilites is excellent, the only limitation is that you are tied to the web browser. You can grab the image of the entire web page only when the site itself is opened inside the web browser.

The good news is that there's a better screen grabbing option available for free. Nathan Moinvaziri has developed WebShot, a tiny 52 kb app for taking screenshots of webpages from Windows Command Prompt. [Download WebShot]

Here's a quick guide to use the Webshot screen capture utlity:

Screen capture a complete website (even areas below the fold)

  webshot.exe /url "http://www.screen-capture.com/"

Takes a screenshot of CNet website and clips the image off at 600 pixels high

  webshot.exe /url "http://www.cnet.com/" /bwidth 600

Takes a full screenshot capture of CNet website and creates a thumbnail of it with the size 800×600

  webshot.exe /url "http://www.cnet.com/" /width 800 /height 600

With Webshot, you can also generate thumbnails of websites like Alexa does. The program is Windows only and sometimes the size of captured images can run into a couple of MBs with the default settings. You can however tweak the quality of images to reduce the filesize.

If you are on Mac, try Paparazzi which is again free and can grab stills of long web pages. The program displays a preview and you can save the screenshot to PNG, JPEG, TIFF, or PDF. Paparazzi! is available as a universal binary.

webkit2png is another command line website screen capture utility for Mac based on Safari rendering Engine. It's basically a Python script and creates png screenshots of webpages. Here's how to use webkit2png:

  python /path/to/webkit2png http://www.apple.com/

For Linux fans, khtml2png is a command line program to create screenshots of webpages. It uses the KHTML engine, but runs from the command line and doesn't flash windows up. It can be used to generate thumbnails of Web pages.

If you are a professional web designer with the budget, I would recommend BrowerCam online screen capture service. BrowserCam is essentially for testing any site design across different browsers and operating systems with various permutations and combinations of brower plugins, internally it takes high-resolution screenshots of webpages which you can then save to you hard drive. Allows capture of Secure websites also. Free 24 hour trial available with 200 capture limit. No AOL support yet.

HTML To Image is another Screen Dump utility that can parse web sites and save a screenshot of the page in GIF, JPG, JPEG, BMP, PNG, TIFF or other formats. It can also batch process URLs from a text file and automatically parse a large number of sites but it isn't free.

Update: Pearl Crescent Page Saver, a Firefox screen capture extension, also lets you save an image of an entire web page from the command line, use the -savepng flag. For example:

  firefox -savepng http://www.web-screen-capture.com/

Images captured using the -savepng command line flag are saved to Firefox's Download Folder. You can set this location from the Downloads section of the Firefox Options window.

Popular posts from this blog

How to Download Contacts from Facebook To Outlook Address Book

Facebook users are not too pleased with the "walled garden" approach of Facebook. The reason is simple - while you can easily import your Outlook address book and GMail contacts into Facebook, the reverse path is closed. There's no "official" way to export your Facebook friends email addresses or contact phone numbers out as a CSV file so that you can sync the contacts data with Outlook, GMail or your BlackBerry. Some third-party Facebook hacks like "Facebook Sync" (for Mac) and "Facebook Downloader" (for Windows) did allow you to download your Facebook friends' names, emails, mobile phone number and profile photo to the desktop but they were quickly removed for violation of Facebook Terms of Use. How to Download Contacts from Facebook There are still some options to take Friends data outside the walls of Facebook wall. Facebook offers the Takeout option allowing you to download all Facebook data locally to the disk (include...

Firefox Keyboard Shortcuts for Power Users

All features in Mozilla Firefox browser are accessible through the use of the keyboard. You can use shortcut keys to view and save Web pages, search the web, open new webpages, work with bookmarks, or find text on the current webpage. Some of the most common keyboard shortcuts in Mozilla Firefox are Ctrl+N (to open a new Firefox window), Ctrl+T (to open a new tab), Ctrl+F4 (to close the current tab) and Ctrl+S to save the current webpage. Mozilla Firefox supports many more powerful keyboard shortcuts. For instance, by pressing a simple key combination, you can manually delete autocomplete entries from the Firefox location bar or Web forms. I am sharing a list of my favorite Mozilla Firefox Keyboard Shortcuts that make web browsing with Firefox even more fun . And you also save your precious time as navigating through several layers of Firefox Toolbar menus is no longer necessary. 1. Web Search Ctrl+K moves the cursor to the Search Bar. You can then type in the terms you wish to fin...

Digital Inspiration

Digital Inspiration is a popular tech blog by  Amit Agarwal . Our popular Google Scripts include  Gmail Mail Merge  (send personalized emails with Gmail ),  Document Studio (generate PDFs from Google Forms ) and   File Upload Forms ( receive files  in Google Drive). Also see  Reverse Image Mobile Search , Online Speech Recognition and Website Screenshots , the most useful websites on the Internet.