A picture is worth a thousand words, and can go a long way in helping people understand what is being said in an article. A screenshot is an image (i.e. snapshot) of your computer screen or portion of the screen. On the Firefox Support Knowledge Base, we don't want people to be shy about adding screenshots. = Before you create a screenshot = * Screenshots needs to present Firefox in its most familiar form, which means using as many default settings as possible, including the default Firefox theme, and default operating system theme. {for win}(Windows 7 screenshots are preferred.){/for} * Crop what is needed, but make sure the cropped image is still identifiable. If you need to create an image of the full screen, use a resolution of 800x600 (just so the image doesn't needlessly take a lot of space). * When highlighting sections, draw red lines around the section. ** '''<span style="color:#006600">Good</span>''': [[Image:81b1d9ce55cb9cbc1fd196aa01b8387b-1256969365-59-2.png|]] ** '''Bad''': [[Image:81b1d9ce55cb9cbc1fd196aa01b8387b-1256969365-59-1.png|]] * If it doesn't make the image unreadable, decrease the image size. * The preferred format is PNG-24 for images not resized. JPG for resized screenshots. * To prevent long page load times, try limit the total screenshot content to 200K. = Creating the screenshot = == Windows == Once you have got the screen presented the way you want for the screenshot, press the {key Print Screen} or {key Prnt Scrn} key on your keyboard. It is usually found in the upper right section of your keyboard. To capture only the active window, you can hold down the {key Alt} key, while you press {key Print Screen} or {key Prnt Scrn}. As a result, there will be an image of your screen in the Windows clipboard, which you can paste into any image editing program, by clicking on the {menu Edit} menu and selecting {menu Paste}. == Mac == Once you have got the screen presented the way you want for the screenshot, hold down the {key command} key, as well as the {key Shift} key, as you press {key 3}. To capture a specific section, hold down the {key command} key, as well as the {key Shift} key, as you press {key 4}; then select the area you want to copy. To capture a specific window, hold down the {key command} key, as well as the {key Shift} key, as you press {key 4}; then press the {key spacebar}. You can then click on a window to capture it. As a result, there will be a PNG file on your desktop, called {filepath Picture 1}. == Linux == On Ubuntu Linux, once you have got the screen presented the way you want for the screenshot, click the {menu Applications} menu, go to the {menu Accessories} folder, and select {menu Take Screenshot}. In other cases, using the {key Print Screen} or {key Prnt Scrn} key will also work. = Tools = == Windows == * [http://www.techsmith.com/screen-capture.asp SnagIt] (30 day free trial) * [http://en.wikipedia.org/wiki/Microsoft_Paint Microsoft Paint] (built into Windows) * [http://www.irfanview.com/ Irfanview] (Free) * [http://www.getpaint.net/ Paint .NET] (Free) * [http://www.xnview.com/en/index.html XNView] (Free) == Mac == * [http://www.xnview.com/en/index.html XNView] (Free) == Linux == * [http://www.xnview.com/en/index.html XNView] (Free) = Adding screenshots to articles = For instructions on how to edit articles, including adding screenshots, see [[Editing articles]].

A picture is worth a thousand words, and can go a long way in helping people understand what is being said in an article. A screenshot is an image (i.e. snapshot) of your computer screen or portion of the screen. On the Firefox Support Knowledge Base, we don't want people to be shy about adding screenshots.

Before you create a screenshot

• Screenshots needs to present Firefox in its most familiar form, which means using as many default settings as possible, including the default Firefox theme, and default operating system theme. (Windows 7 screenshots are preferred.)
• Crop what is needed, but make sure the cropped image is still identifiable. If you need to create an image of the full screen, use a resolution of 800x600 (just so the image doesn't needlessly take a lot of space).
• When highlighting sections, draw red lines around the section.
  • Good:
  • Bad:
• If it doesn't make the image unreadable, decrease the image size.
• The preferred format is PNG-24 for images not resized. JPG for resized screenshots.
• To prevent long page load times, try limit the total screenshot content to 200K.

Creating the screenshot

Windows

Once you have got the screen presented the way you want for the screenshot, press the Print Screen or Prnt Scrn key on your keyboard. It is usually found in the upper right section of your keyboard. To capture only the active window, you can hold down the Alt key, while you press Print Screen or Prnt Scrn.

As a result, there will be an image of your screen in the Windows clipboard, which you can paste into any image editing program, by clicking on the Edit menu and selecting Paste.

Mac

Once you have got the screen presented the way you want for the screenshot, hold down the command key, as well as the Shift key, as you press 3. To capture a specific section, hold down the command key, as well as the Shift key, as you press 4; then select the area you want to copy. To capture a specific window, hold down the command key, as well as the Shift key, as you press 4; then press the spacebar. You can then click on a window to capture it.

As a result, there will be a PNG file on your desktop, called Picture 1.

Linux

On Ubuntu Linux, once you have got the screen presented the way you want for the screenshot, click the Applications menu, go to the Accessories folder, and select Take Screenshot. In other cases, using the Print Screen or Prnt Scrn key will also work.

Tools

Windows

• SnagIt (30 day free trial)
• Microsoft Paint (built into Windows)
• Irfanview (Free)
• Paint .NET (Free)
• XNView (Free)

Mac

• XNView (Free)

Linux

• XNView (Free)

Adding screenshots to articles

For instructions on how to edit articles, including adding screenshots, see Editing articles.