Sunday, April 24, 2011

HOW TO TAKE A SCREENSHOT OF AN ENTIRE WEBPAGE

Sometimes, the desktop screenshot utilities are not enough when you want to take screenshot of a webpage, because these tools can capture only the visible portion of the page. So how do you capture the complete page from the top to the bottom without having to stitch multiple images together? Here is how to do it.
The easiest way is by using a Firefox addon called Screengrab. Screengrab allows you to take screenshot of an entire page, or the visible portion or just a small selection of the page. It even allows you to save just the contents of an individual frame.


See how this site looks like when captured entirely:



If you don’t want to burden Firefox with another addon, you can try some standalone tools. Webshots is the best among them.
WebShot allows you to take screenshots of web pages and save them as full sized images or thumbnails, in the JPG, GIF, PNG, or BMP formats. You don’t have to open the page in your browser - just type the URL and click Start.



Webshots has the capability of automatically determining the page width and height and captures the whole page accurately. It even supports batch processing, where you can specify multiple URLs at once. The only letdown in this application is that it uses the IE engine to render the pages. So sites that aren’t optimized for IE will result in a broken screenshot. But then, you can always use Screengrab for such sites.

Did it work? Leave me a comment! 
Posted by at

56 comments:

  1. zeusisgreekApril 24, 2011 at 8:38 PM

    Oh wow, I never knew this was possible. I would always just screen cap a fraction of the page and use Paint to re-attach the images. Thanks man, this is a life-saver.

    ReplyDelete
  2. AlphaApril 24, 2011 at 9:11 PM

    Ima grab that add-on now.

    ReplyDelete
  3. CF BloggerApril 24, 2011 at 10:13 PM

    Yeah, I honestly have learned two things I never knew I needed to know from your blog already. Thanks man.

    ReplyDelete
  4. CraftsieApril 24, 2011 at 11:10 PM

    Aha, thank you.

    ReplyDelete
  5. Keine ScheisseApril 25, 2011 at 4:41 AM

    Nice tip, thank you very much

    ReplyDelete
  6. AnonymousApril 25, 2011 at 7:12 AM

    That's pretty cool. I've always just done a right click -> save as to save it as a .html file, which is nice because you can still copy text. Or, there's an addon for firefox called pdf download that allows you to save pages as pdf files.

    ReplyDelete
  7. M9000April 25, 2011 at 11:40 AM

    Oh sweet thanks man, always wondered how people did this.

    ReplyDelete
  8. JakF101April 25, 2011 at 11:43 AM

    Nice tip, will come in handy.

    ReplyDelete
  9. JHApril 25, 2011 at 12:00 PM

    Just tried it out. Awesome.
    Followed!

    ReplyDelete
  10. Mike YurchenkoApril 25, 2011 at 12:35 PM

    yep, works

    ReplyDelete
  11. Miyamoto KaryuuApril 25, 2011 at 12:39 PM

    Thank you for the info, man!

    ReplyDelete
  12. XPSMcLarenApril 25, 2011 at 12:45 PM

    thanks for the tips

    ReplyDelete
  13. Joel C AnatoliApril 25, 2011 at 12:53 PM

    well done. I was looking for something like that a while ago.

    ReplyDelete
  14. parasitesApril 25, 2011 at 1:13 PM

    Thank ya. I love firefox addons.

    ReplyDelete
  15. LaurentApril 25, 2011 at 1:58 PM

    That's awesome! I never knew about that.

    ReplyDelete
  16. mindlessfrkApril 25, 2011 at 1:59 PM

    haha, that's awesome, thanks xD

    ReplyDelete
  17. BloggerBuddyApril 25, 2011 at 2:13 PM

    It Works! Thanks for the help!

    ReplyDelete
  18. LuxApril 25, 2011 at 2:18 PM

    Just as helpful as the one about gifs, thanks yet again!

    ReplyDelete
  19. UnknownApril 25, 2011 at 2:42 PM

    Thanks for all the help. For some reason I just never knew how to do a lot of simple things like this.

    ReplyDelete
  20. WolleApril 25, 2011 at 2:56 PM

    Thanks for sharing

    ReplyDelete
  21. ZedApril 25, 2011 at 5:54 PM

    Always wondered if there was any easy way to do that, now I know!

    ReplyDelete
  22. UnknownApril 25, 2011 at 6:56 PM

    Nice blog! Followed

    ReplyDelete
  23. JHApril 25, 2011 at 8:16 PM

    Shhh...screen shots allow people to steal my images. I'm a wedding photographer. You would be surprised how many people do not know about this simple thing yet and I'd like to keep it that way :)

    ReplyDelete
  24. 13-c-a-t-sApril 26, 2011 at 9:11 AM

    that's pretty useful

    ReplyDelete
  25. KraxeldyfikApril 26, 2011 at 11:59 AM

    very usefull addon

    ReplyDelete
  26. GameArtifactsApril 26, 2011 at 12:50 PM

    nice, already knew about the add-on, but i didnt know about the standalone app

    ReplyDelete
  27. ZachApril 26, 2011 at 12:56 PM

    Awesome post, been wondering how to do that, followed.

    ReplyDelete
  28. weirdnewstoriesApril 26, 2011 at 2:31 PM

    Dude thanks, no I don't have to take like 10 screenshots then edit it

    ReplyDelete
  29. A.IsperiaxApril 27, 2011 at 12:48 PM

    this. is. so. handy. thank you so much.

    ReplyDelete
  30. KetomasterApril 27, 2011 at 12:53 PM

    Interesting stuff man. Gotta love these little tricks

    ReplyDelete
  31. LaserDollarsApril 27, 2011 at 12:55 PM

    Thanks man, will be using this in the near future!

    ReplyDelete
  32. DuckingFickApril 27, 2011 at 12:55 PM

    Very useful thanks!

    ReplyDelete
  33. RonaldApril 27, 2011 at 1:00 PM

    thanks!!!!!!!!!!!!

    ReplyDelete
  34. HannahApril 27, 2011 at 1:25 PM

    ok, I was definitely trying to figure out how to do that the other day. thanks! gonna go try it :)

    ReplyDelete
  35. KyleApril 27, 2011 at 1:42 PM

    I always used to just take screenshots and paste them together. this will definitely help make things a lot quicker. Thanks!

    ReplyDelete
  36. April 27, 2011 at 3:42 PM

    Or for us Mac guys... Apple+Option+Ctrl+3 :D

    ReplyDelete
  37. VenomForMassesApril 27, 2011 at 6:59 PM

    Tried the app, it works, big help, thx much!

    ReplyDelete
  38. AmalekApril 28, 2011 at 7:00 AM

    Oh hell yes!

    ReplyDelete
  39. tobiasroehmerApril 28, 2011 at 12:31 PM

    cool i didnt know that.. thank you dude :D

    ReplyDelete
  40. UnknownApril 28, 2011 at 12:32 PM

    The more you know

    ReplyDelete
  41. PhilApril 28, 2011 at 12:57 PM

    Worked! Gonna use this when I'm playing flash games and such, for bugs and stuff.

    ReplyDelete
  42. LaRgEnUmBeRApril 28, 2011 at 12:57 PM

    I'm going to go download this addon now.

    Thanks man!

    ReplyDelete
  43. BayyyApril 28, 2011 at 1:01 PM

    Thanks, This helps a lot!

    ReplyDelete
  44. DaveApril 28, 2011 at 1:05 PM

    Great little addon, thanks!

    ReplyDelete
  45. Jay ReidApril 28, 2011 at 1:21 PM

    Screengrab is gonna be useful for me this week, thanks.

    ReplyDelete
  46. MemoApril 28, 2011 at 1:27 PM

    This is really useful, thanks!

    ReplyDelete
  47. UnknownApril 28, 2011 at 1:30 PM

    Worked like a charm.

    ReplyDelete
  48. dromboApril 28, 2011 at 6:03 PM

    Useful little bastard!

    ReplyDelete
  49. randomerApril 29, 2011 at 10:07 AM

    Wow, excellent tip! I need to go find this addon now.

    ReplyDelete
  50. King CorvidApril 29, 2011 at 12:21 PM

    Mother of God...I've always wondered how to do this.

    ReplyDelete
  51. KApril 29, 2011 at 2:12 PM

    amazing, thanks alot mate!

    ReplyDelete
  52. SmartDroidsApril 30, 2011 at 11:21 AM

    Thanks for info bro :)

    ReplyDelete
  53. VhatMay 1, 2011 at 9:44 AM

    Ah, thanks! Now I don't have to take so many pictures...

    ReplyDelete
  54. iceyJune 7, 2011 at 12:43 PM

    ahh thanks, i've been looking for this!

    ReplyDelete
  55. UnknownJune 10, 2011 at 4:14 PM

    Wow, thank you... great info!

    ReplyDelete
  56. Mile2MarathonJune 14, 2011 at 1:38 PM

    Always wondered how to do this, nice one

    ReplyDelete

Subscribe to: Post Comments (Atom)