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! 

57 comments:

  1. 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. Yeah, I honestly have learned two things I never knew I needed to know from your blog already. Thanks man.

    ReplyDelete
  3. 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
  4. Oh sweet thanks man, always wondered how people did this.

    ReplyDelete
  5. Just tried it out. Awesome.
    Followed!

    ReplyDelete
  6. Thank you for the info, man!

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

    ReplyDelete
  8. Thank ya. I love firefox addons.

    ReplyDelete
  9. That's awesome! I never knew about that.

    ReplyDelete
  10. haha, that's awesome, thanks xD

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

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

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

    ReplyDelete
  14. 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
  15. nice, already knew about the add-on, but i didnt know about the standalone app

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

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

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

    ReplyDelete
  19. Interesting stuff man. Gotta love these little tricks

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

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

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

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

    ReplyDelete
  24. Tried the app, it works, big help, thx much!

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

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

    ReplyDelete
  27. I'm going to go download this addon now.

    Thanks man!

    ReplyDelete
  28. Great little addon, thanks!

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

    ReplyDelete
  30. This is really useful, thanks!

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

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

    ReplyDelete
  33. amazing, thanks alot mate!

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

    ReplyDelete
  35. ahh thanks, i've been looking for this!

    ReplyDelete
  36. Always wondered how to do this, nice one

    ReplyDelete