Web Page Screenshot

I try to keep a running list of the tools that I use in my day-to-day development. The challenge in doing this is that finding new tools can get buried in that single post, so whenever I stumble across something that I introduce into my toolbox, I try to capture it here.

Other examples include:

With Chrome being my preferred browser, I’ve had a hard time finding an extension for taking a web page screenshot that I really like – every single one of them as come up short in one way or another.

Except for this one.

Screen Capture By Google

Yeah – it’s almost a cliche, right? A web page screenshot tool for Google Chrome by Google? Whatever, though.

Web Page Screenshot Tool

Screen Capture By Google

Check out Screen Capture. It’s a really easy to use extension specifically for taking screenshots of:

  • A selected page region
  • Just the visible content in the browser’s viewport
  • The entire content of a page

There are also options for configuring shortcuts, and you can select the file type to which the images are saved. Finally, there are no ugly lame watermarks and the process through which you actually save the images looks pretty good.

Anyway, it’s obviously a relatively trivial tool, but if you’re in the business of having to take screenshots to send clients for layouts or how to highlight a feature in the context of the entire page before deploying it to a particular environment it’s worth the install.


Join the conversation! 18 Comments

  1. I’ve tried this one out before but I remember it having trouble with certain sites. Maybe it’s been updated since so I’ll give it another try.

  2. I use Awesome Screenshot.

    The added benefit over Screen Capture by Google is that we can not only save the captures but also have them uploaded and get a URL ready to be shared.


  3. Interesting screenshot tool, Tom, but don’t see it as “preferred”. Chrome is my primary development browser, but for screen/notation/video capture I haven’t come across anything more robust than TechSmith’s SnagIt. Works on mac or pc and across all the browsers. It’s a premium product, but I don’t mind paying for core tools.

    • I didn’t mean to imply that it should be preferred for you :), I just meant it’s my favorite tool.

      Honestly, I’ve not checked out SnagIt before – not my curiosity is piqued. For all of my screencasting I use ScreenFlow, and that’s obviously a bit different than just snapping shots, but I’m with when it comes to dropping coin for good tools.

  4. This is my fave http://derailer.org/paparazzi/

    Can preset cropping sizes and desktop sizes as well.

    • Ah, interesting stuff, Matt – native OS X map. May give this one a try, too.

      I dig Screen Capture since it integrates right into Chrome, but I generally have strong opinions that are weakly held.

      I can be swayed with easier use and greater functionality ;).

  5. Unfortunately, this extension is not supported on Windows 8, as per this support thread. Too bad, as it was a useful tool on Windows 7.

  6. I use Awesome Capture on my Mac, but when on Windows, I prefer IrfanView. It’s a image viewer, but I like it’s screenshot capture abilities and its quick to save optimised images, which I find lacking in Awesome Capture

Leave a Reply