Choosing your app images

Applies to Windows only

Your app needs to include various logos, screenshots, and images. Some of these are required, and some are optional. Keep in mind that your images are one of the main ways in which you represent your app. Well-designed images can be a big help in making your app appeal to customers.

There are also images which you don't include in your app's package, but which you include when submitting an app so they can be used by the Windows Store. These include screenshots and promotional images.

Note  The information in this topic applies specifically to apps targeting Windows 8.1 and how they appear in the Windows Store for customers running Windows 8.1. The required images are the same for apps targeting Windows 8, but the way images are used in the Store, on the customer's Start screen, and within the app itself may vary from what's described below.

If you are also submitting your app to the Windows Phone Store, you'll want to review the information on tile sizes and design guidelines for Windows Phone apps.

This table provides an overview of the different types of images you include in your app's package. Required images are shown here in bold.

Image name80% size100% size140% size180% sizeDefined in
Store logoN/A 50x5070x7090x90 Package/Properties/Logo
Square150x150Logo120x120150x150210x210270x270 VisualElements/@Square150x150Logo
Square30x30Logo24x24 30x3042x4254x54 VisualElements/@Square30x30Logo
Wide310x150Logo248x120 310x150 434x210558x270 VisualElements/DefaultTile/ @Wide310x150Logo
Square310x310Logo248x248310x310434x434558x558 VisualElements/DefaultTile/ @Square310x310Logo
Square70x70Logo56x5670x7098x98126x126 VisualElements/DefaultTile/ @Square70x70Logo
Badge logoN/A24x2433x33 43x43 VisualElements/LockScreen
Splash screenN/A 620x300868x420 1116x540 VisualElements/SplashScreen

 

To provide a good experience across different screen resolutions, we recommend including scaled versions of the images in your app. Note that the scaled images should be designed for the image size, not simply resized from the original image. Providing these scaled images is optional. See Optimizing images for different screen resolutions for more info.

Tip  Running the Windows App Certification Kit can help determine if you're missing any required images.

For more info about tile images, see:

App images used in the Windows Store

The Windows Store uses a number of different images when displaying your app to customers. Most of these come from the images you submit in your app's package (as descibed above). The images used by the Windows Store are described below.

Screenshots

Screenshots are the images of your app that are displayed to your customers in your app listing. An app must submit at least one screenshot (with a maximum of eight). Here's an example of an app listing page which uses six screenshots.

Image of an app listed in the Windows Store

The first screenshot may also be used if the Windows Store features your app. For this first screenshot, you can design a graphic of your choice that uses branding elements to represent your app. Here's an example of a featured app in the Windows Store. (The smaller image shown with the screenshot is the app's Square150x150Logo.)

Featured app in the Windows Store

Aside from this first screenshot, the other screenshots must be taken directly from the app. Microsoft Visual Studio provides a tool to help you capture these screenshots.

Each screenshot image must be a .png file no larger than 2 MB. Images must be at least 1366x768 pixels (in landscape orientation) or 768x1366 pixels (in portrait orientation) and is no larger than 2 MB. Each image must also have a short caption that describes the image in 200 characters or less. Be sure to include captions for each language in which you provide a description.

See the screenshot info in Your app's description for more about how to create great screenshots and how they are uploaded during the app submission process. (These are not included in your app's package.)

Required?One screenshot is required; each app can have up to 8 screenshots.
Size

1366x768 or larger if in a landscape orientation

768x1366 or larger if in a portrait orientation

Type .png

 

Square150x150Logo

The Square150x150Logo image represents the square tile image of the app in the Start screen. It may also be used by the Windows Store when featuring apps, as shown in the example in the previous section.

You specify this image in the Square150x150Logo attribute of the VisualElements element in the app manifest. See Quickstart: Creating a default tile using the Microsoft Visual Studio Manifest Editor for an overview of the process.

Tip  When designing the image for your Square150x150Logo, consider whether you want to include your app's name in the image or have Windows overlay its name on top of it when it's used on the Start screen. Be sure to keep in mind how you want your tile to look when used in the Windows Store to show apps to customers; in most cases you'll probably want the tile to include your app's name in the image, but you're not required to do so. For info on how to designate whether Windows will add the name to the tile on the Start screen or not, see DefaultTile/ShowNameOnTiles.

Required?Only the 150x150 pixel image is required.
Size
80%: 120x120
100%: 150x150
140%: 210x210
180%: 270x270
Type .png, .jpg, .jpeg

 

Wide310x150Logo

While the wide logo is not a required image, we strongly recommend including one in the 100% (310x150 pixel) size, since this image is used in many screens in the Windows Store. Here's an example of the personalized Picks for you page showing wide tiles from several recommended apps.

Wide logos shown in Picks for you

Defining the Wide310x150Logo also enables your app to show a wide tile on the Start screen, which is particularly important for showing notifications. If you don't include this with your app, your app's tile will not be able to be resized to wide, nor will it be able to show wide-formatted notifications. Even if your app doesn't need to show notifications on its tile, we recommend including the Wide310x150Logo so that your app appears nicely in the Store on pages like Picks for you. (If you don't include one, your Square150x150Logo will be used instead when your app appears in these layouts, centered on a wider background.)

You specify this image in the Wide310x150Logo attribute of the DefaultTile element in the app manifest.

Tip  When designing the image for your logo, consider whether you want to include your app's name in the image or have Windows overlay its name on top of it when it's used on the Start screen. Be sure to keep in mind how you want your wide tile to look when used in the Windows Store to show apps to customers; in most cases you'll probably want the tile to include your app's name in the image, but you're not required to do so. For info on how to designate whether Windows will add the name to the tile on the Start screen or not, see DefaultTile/ShowNameOnTiles.

Required?No, but recommended.
Size
80%: 248x120
100%: 310x150
140% 434x210
180% 558x270
Type .png, .jpg, .jpeg

 

Store logo

The Store logo (50x50 pixels) is used by Windows Store in the Details section of the app listing page. It may also appear in other sections of the Store, such as the Top free list shown in the example below.

Top free list showing Store logo

You specify this image in the Package/Properties/Logo element in the app manifest.

Tip  

The Store logo image is displayed over a 70x70 color plate. This means that there's actually a small border around your logo. The color of the border is determined by the BackgroundColor attribute of the VisualElements\SplashScreen element. To avoid the appearance of a border (as in the examples above), set your background color to the same color as the main color in your app's logo.

Required?Only the 50x50 pixel image is required.
Size
100%: 50x50
140%: 70x70
180%: 90x90
Type .png, .jpg, .jpeg

 

Promotional images

The Windows Store editorial team uses different images to promote your app. Often, your app's first screenshot and Square150x150Logo image are used. Submitting additional promotional images can help ensure that the Windows Store team also has the option to include your app in other promotional layouts. Providing these promotional images for your app doesn't guarantee that your app will be featured, but not providing them means that it can't be considered for all promotional opportunities. (See Making your app easy to promote for more information.)

Providing promo images in all sizes gives the Windows Store editorial team the most flexibility in featuring your app. These images are used in various promotional layouts. For example, here's an image that uses promo images in the 414x468 size.

Promotional images in the Windows Store

You can provide up to four promotional images during the app submission process. (They are not included in your app's package.) These must be sized exactly as described in the table below. The 414x180 and 414x468 sizes are the most frequently used, so these are the most important ones to provide.

Required?No, but recommended.
Size

One or more of these sizes:

414x180
414x468
558x756
846x468
Type .png

 

Other app images

In addition to the images mentioned above, there are other images which you submit in your app's package. These are not used in the Windows Store, but they help your app provide a richer user experience. Some of these images are required for app submission.

Splash screen

The splash screen is displayed for a short time when the user opens the app. Your app must provide a splash screen image and you can also specify a background color to use during this time. You specify the image and optional background color in the SplashScreen element of the app manifest. See Guidelines and checklist for splash screens and Adding a splash screen for more info.

To specify a splash screen image, set the Image attribute to the images' path in the app's package. The image will be displayed on a background color defined by the BackgroundColor attribute of the SplashScreen element.

Required?Only the 620x300 pixel image is required.
Size
100%: 620x300
140%: 868x420
180%: 1116x540
Type .png, .jpg, .jpeg

 

Square30x30Logo

The Square30x30Logo is used by Windows in several places, such as when a customer views all of the apps installed on a device.

You specify this image in the Square30x30Logo attribute of the VisualElements element in the app manifest.

Required?Only the 30x30 pixel image is required.
Size
80%: 24x24
100%: 30x30
140%: 42x42
180%: 54x54
Type .png, .jpg, .jpeg

 

Square70x70Logo

The Square70x70Logo is used if a customer chooses to have your app to show a smaller tile on the Start screen. (If you don't provide an asset for this, a scaled-down version of the Square150x150Logo tile asset will be used.)

You specify this image in the Square70x70Logo attribute of the VisualElements element in the app manifest.

Required?No
Size
80%: 56x56
100%: 70x70
140%: 98x98
180%: 126x126
Type .png, .jpg, .jpeg

 

Square310x310Logo

The Square310x310Logo is used if a customer chooses to have your app to show a large tile on the Start screen. If you don't provide an asset for this, your tile will not be able to be resized to the large size.

Note  Large tile support requires wide tile support as well, so to support the large tile size, you must support all four tile sizes.

You specify this image in the Square310x310Logo attribute of the DefaultTile element in the app manifest.

Required?No
Size
80%: 248x248
100%: 310x310
140%: 434x434
180%: 558x558
Type .png, .jpg, .jpeg

 

Badge logo

The badge logo is an image that is shown next to the badge notification to identify the app on the lock screen. It is optional, and it's not used anywhere else.

You specify this image in the BadgeLogo attribute of the LockScreen element in the app manifest. See Lock screen overview for more info.

Note  The badge logo image must be monochromatic.

Required?No
Size
100%: 24x24
140%: 33x33
180%: 43x43
Type .png, .jpg, .jpeg

 

 

 

Show:
© 2014 Microsoft