• Skip to main content
  • Select language
  • Skip to search
MDN Web Docs
  • Technologies
    • HTML
    • CSS
    • JavaScript
    • Graphics
    • HTTP
    • APIs / DOM
    • WebExtensions
    • MathML
  • References & Guides
    • Learn web development
    • Tutorials
    • References
    • Developer Guides
    • Accessibility
    • Game development
    • ...more docs
Firefox Marketplace
  1. MDN
  2. Mozilla
  3. Firefox Marketplace
  4. Publishing
  5. Policies and Guidelines
  6. Marketplace screenshot criteria

Marketplace screenshot criteria

In This Article
  1. Screenshot Overview
  2. Quality Guidelines
  3. Sizes and Formats
    1. Suggested Sizes
  4. Examples

When submitting an app to the Firefox Marketplace, you will be asked to provide one or more screenshots as part of the submission process. The Marketplace has some basic criteria for such screenshots which, while not strictly enforced, should serve as a guideline. Apps which provide no screenshots that meet the criteria in this document may be asked to submit new screenshots.

Screenshot Overview

  • Screenshots that you upload will appear on
    • Individual app pages
    • Featured app areas, when your app is promoted by an editor or curator
    • Various lists and feeds within the Marketplace
  • The Marketplace accepts between 1 and 6 screenshots

Quality Guidelines

  • Show your app in the best possible light: demonstrate its capabilities
  • Always remove the status bar, if possible
  • Screenshots from a device are preferred to screenshots from a simulator or emulator
  • Avoid placing the app inside the image of a device or a desktop
    • Doing this forces the app interface to scale down, making it more difficult to see
    • The device or desktop interfaces that you show may not match what a user has
  • Avoid "hands-on" photographs of phones, tablets, or monitors
  • Apps in the Marketplace will not be used inside a browser, so avoid showing browser chrome (toolbars, back/forward, address bar, etc.)
  • Use text minimally to explain the interface, not to advertise
  • Avoid graphic elements other than the app itself
  • Avoid borders or "filters"
  • Screenshots are displayed in the order that they're uploaded; put your best screenshots first

In general, you should show the app, not its surroundings.

Sizes and Formats

Screenshots are accepted in JPG and PNG format, though PNG-24 is preferred because of its lossless properties. If JPG is used, the screenshot should use minimal compression and use the highest quality settings.

Suggested Sizes

Form Factor Suggested Resolutions
Phone multiples of 320x480, 720x1280, inverse/landscape ratios
Tablet Not supported past March 29 2016
Desktop Not supported past March 29 2016

Examples

Do not include grahical elements other than the app itself, including ads or logos.

Do not submit "hands-on" photos, or edit the screenshot onto a physical device.

Do not submit screenshots that use simulated device borders, unnecessary text, or other unnecessary features.

Document Tags and Contributors

Tags: 
  • Apps
  • Marketplace
  • Screenshots
 Contributors to this page: chrisdavidmills, rebloor, mattbasta
 Last updated by: chrisdavidmills, Feb 15, 2016, 5:50:32 AM
  1. Prepare for success
    1. Introduction
    2. Deciding what to build
    3. Getting to know your users
    4. Choosing your business model
    5. Localizing your apps
    6. Promoting your app
    7. Creating your community
  2. Your publication options
    1. Introduction
    2. Packaged apps
    3. Hosted apps
    4. Packaged or hosted?
    5. Mobile-optimized websites
    6. Publish apps yourself
  3. App publishing overview
    1. Introduction
    2. Submission checklist
    3. Marketplace review criteria
    4. Marketplace showcase criteria
    5. Adding a subdomain for an app
    6. Policies and Guidelines
      1. Introduction
      2. Marketplace screenshot criteria
      3. Privacy policy
      4. App testing and troubleshooting
  4. Submit your app
    1. Overview
    2. Step 1: Sign-in
    3. Step 2: Load app
    4. Step 3: Listing details
    5. Step 4: Next steps
    6. Step 5: App rating
    7. Step 6: Define team members
    8. Step 7: View listing
    9. Step 8: Edit other localizations
  5. Managing and updating published apps
    1. Introduction
    2. Your app's status
    3. Updating apps
    4. App Stats
  6. Add-on submission
    1. Add-on submission overview
    2. Add-on review criteria
  7. Libraries and APIs
  8. Firefox Marketplace FAQ