Web 101

The Screen Shot Guide

Screen shots, also known as screen grabs or screen captures, are extremely useful for letting other people see exactly what you see on your monitor. It’s a powerful tool to diagnose browser or computer specific errors. Combined with annotations, screen shots are a great tool for tutorials and documentation. In this guide, we’ll show you our recommended screen shot techniques for both the Windows and Mac operating systems, and well as browser tools. The tools we talk about are entirely free. More importantly, all of these will get you better results than whipping out your camera and taking a picture of your monitor.

Mac OS X Screen Shot Shortcuts

The Mac operating system has some handy keyboard shortcuts built in.

Saving screen shots to a file

  • Full Screen Capture: Press Command+Shift+3 at the same time to grab an image of your entire screen as you see it. By default, it saves to a file to your desktop.
  • Window Capture: Press Command+Shift+4, then space. This turns your mouse pointer into a camera that you can use to click on an open window.
  • Region Capture: Press Command+Shift+4 to turn your mouse pointer into cross-hair that you can use to define a region. This is useful when you want to capture only a small portion of your screen, such as an application window or part of a web page.

Saving screen shots to the clipboard

These commands do the same as above, but copy the image to your clipboard. This is useful when you paste to paste the image directly into another program, like an image editor or in an email.

  • Full Screen Capture: Press Control+Command+Shift+3
  • Window Capture: Press Control+Command+Shift+4, then space.
  • Region Capture: Press Control+Command+Shift+4

Windows Screen Shot Shortcuts (Windows XP, Vista, 7)

Windows XP

These shortcuts will take a screenshot and save it to your clipboard, so you’ll have to paste it into an image editor like Paint and save the file as a JPG or PNG file.

  • Full Screen Capture – Press the the “Print Screen” (Prt Scr) key to take shot of your entire window.
  • Window Capture – Press Alt+Print Screen to take a shot of the active window.

If you’re still on Windows XP, I’d recommend installing either Firefox or Chrome. The available screenshot extensions make the process a lot easier. Otherwise, see the Standalone Apps section for free software you can install.

Snipping Tool on Windows Vista and Windows 7

The latest versions of Windows, starting with Windows Vista, comes with a handy utility called Snipping Tool. You can find it the Start Menu:

Start -> All Programs -> Accessories -> Snipping Tool

It gives you 4 screen shot options and lets you mark up the capture before saving it directly to a file or copying it to the clipboard.

Browser Specific Screen Shot tools

Modern web browsers support extensions or plug-ins that allow you a lot more flexibility with your screen shots, such as take an image of an entire web page and add highlights, notes, and drawings, and share the images online. These are my favorite free choices for each of the most popular browsers.

Mozilla Firefox

Google Chrome

Apple Safari

Microsoft Internet Explorer

If at all possible, I highly recommend using either Firefox or Chrome as your primary browser. Their speed, stability, and standards compliant page rendering will provide a much safer and more enjoyable Internet browsing experience.

Standalone Apps

These programs are standalone programs that work on both Windows, Mac, and even Linux. They require Adobe Air to run. While these are fantastic apps and take great screenshots, I’d recommend using either operating system shortcuts or browser extensions before considering these, simply to avoid having one more program to install and because the features are identical to the browser extensions available.

iOS Devices (iPhone, iPad, iPod touch)

Apple’s iOS devices have a built in screen shot function. Simply press and hold the “lock” button, then press the “home” button. You’ll see the screen flash and the image will be saved to your Camera Roll in the Photos app. You can then email it from your device or sync it to your computer.

1 reply on “The Screen Shot Guide”

Wow, marvelous weblog layout! How long have you been running a blog for? you make running a blog glance easy. The full glance of your web site is great, let alone the content!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.