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! 

56 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. well done. I was looking for something like that a while ago.

    ReplyDelete
  7. Thank ya. I love firefox addons.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Thanks man!

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

    ReplyDelete
  27. This is really useful, thanks!

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

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

    ReplyDelete
  30. amazing, thanks alot mate!

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

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

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

    ReplyDelete