Home > Resources > Platforms > HTML5/Web Apps

Taking Screenshots on Fire Devices and Android Tablets

Introduction

Introduction

When you submit your app to the developer portal, you must include at least three screenshots of your app. This guide describes the process of taking screenshots on Fire tablets, generic Android devices, and desktop computers. To learn more about how to view your web app on a mobile device please refer to the Web App Tester documentation.

Taking Screenshots on Fire Phone and Fire Tablets (3rd and 4th Gen)

To take screenshots on Fire Phone and Fire tablets (3rd and 4th Gen), you can use the physical buttons on the device.

Before taking a screenshot, locate the Volume Down button and the Power button.

  1. With the device powered on, press and hold down the Volume Down button and Power button together for one second. The screen will flash briefly and a smaller image of the screen will appear in the center of the screen to indicate a successful screenshot. If the volume is turned up, you’ll hear a shutter sound just before the screen flashes.
  2. Release the buttons.
  3. Using a USB cable, connect the tablet to your computer.
  4. On Windows: Navigate to Internal Storage > Pictures > Screenshots on the device. The screenshots are saved with filenames that include the year, month, day, hour, minute, and second in the format: Screenshot_yyyy-mm-dd-hh-mm-ss.png. On Mac OS X: Install a free app, Android File Transfer(AFT), to complete a USB transfer. Visit android.com/filetransfer and follow the onscreen instructions. After installation, the AFT application starts automatically when you plug in your Fire device. In the AFT window, navigate to Pictures > Screenshots. The screenshots are saved with filenames that include the year, month, day, hour, minute, and second in the format: Screenshot_yyyy-mm-dd-hh-mm-ss.png as shown below:
Android File Transfer window

Taking Screenshots on Kindle Fire (1st and 2nd Gen) and Generic Android Tablets

You can take screenshots from 1st and 2nd generation Kindle Fire and generic Android tablets using Eclipse, a popular desktop developer tool for Android.

  1. Connect the tablet to your computer as described in Setting Up Your Fire Tablet for Testing.
  2. In Eclipse, from the Window menu, select Open Perspective > Other… > DDMS.
  3. Select the tablet, and click the camera icon. (If the tablet isn’t shown, from the Window menu, select Navigation > Show View Menu > Reset adb) The Device Screen Capture window shown below displays the current screen as shown on the tablet. If the device screen saver is on, the window shows what would be on the screen if the screen saver was not running.

    Device Screen Capture Window
  4. Save the screen by clicking Save.
  5. When you are finished taking screenshots, click Done.

Windows Desktop

To take a screenshot of your entire desktop, press the Print Screen key.

To take a screenshot of an active window:

  1. Click the window you want to capture.
  2. Press Alt+Print Screen
  3. Press the Print Screen key.

Use image editing software such as Microsoft Paint to crop or resize this image. To resize a picture using Microsoft Paint

  1. Open Paint by clicking the Start button clicking All Programs, clicking Accessories, and then clicking Paint.
  2. Click the Paint button, click Open, click the picture you want to resize, and then click Open.
  3. On the Home tab, in the Image group, click Resize.
  4. In the Resize and Skew dialog box, select the Maintain aspect ratio check box so that the resized picture will have the same aspect ratio as the original picture.

    If the Maintain aspect ratio check box is selected, you only need to enter the horizontal value (width) or vertical value (height). The other box in the Resize area is updated automatically.

  5. Do one of the following in the Resize area, and then click OK:
    • To resize your picture by a certain percentage, click Percentage, and then enter a percentage to reduce the width by in the Horizontal box or a percentage to reduce the height by in the Vertical box.
    • To resize the picture so it’s a specific size, click Pixels, and then enter a new width in the Horizontal box or new height in the Vertical box.
  6. Click the Paint button, point to Save as, and then click the picture file type for the resized image.
  7. Type a new file name in the File name box, and then click Save.

To crop a picture using Paint

  1. Open Paint by clicking the Start button, clicking All Programs, clicking Accessories, and then clicking Paint.
  2. Click the Paint button, click Open, click the picture you want to crop, and then click Open.
  3. On the Home tab, in the Image group, click Select.
  4. Click and drag to select the element you want to keep in the picture, and then click Crop.
  5. Click the Paint button, point to Save as, and then click the picture file type for the cropped picture.
  6. Type a new file name in the File name box, and then click Save.

Taking Screenshots on Mac OS X

To take a screenshot of the entire screen:

  1. Simultaneously press the keys: Command (⌘)-Shift-3.
  2. The screenshot is automatically saved on your desktop.

To take a picture of part of the screen

  1. Simultaneously press the keys: Command (⌘)-Shift-4
  2. Drag the crosshair pointer to select the area.
  3. Continue to press the mouse button, release the keys.
  4. Press Shift, Option, or the Space bar while you drag to resize the selection area.
  5. When you are ready to take a picture, release the mouse button.

To cancel, press Escape before you release the mouse button.

You can resize the image using an image editor program such as Preview. To Resize an image using Preview

  1. Launch Preview.
  2. Choose Tools > Adjust Size.
  3. Enter the size you want to change the image to.
  4. Click ok.

To crop an image using Preview

  1. Launch Preview.
  2. Click and drag to select the area of the image that you want to retain.
  3. Choose Tools > Crop (or press command-K).