WP7 Application Icon and Application Tile Icon


What is Application Icon?

Basically the application icon is the image that displays for your application in the phone’s application list.

According to the latest version of the Windows Phone 7 Application Certification Requirements (Here’s a direct link to the PDF file)the application icons should meet the following requirements:

tip52-6 AppIcon

  • PNG file format
  • 62 x 62 pixels

What is Application Tile Icon?

Basically an application tile is the image (of your application) that appears when users pins your application to the start screen. 

According to the latest version of the Windows Phone 7 Application Certification Requirements (Here’s a direct link to the PDF file)the application icons should meet the following requirements:tip52-8

AppTile

  • PNG file format
  • 173x 173pixels

How to add a new Application Icon?

By default when you create a new Windows Phone 7 application a sample ApplicationIcon.png image is automatically generated.  In order to change this image at first we have to add our new image to our project and set its build action to Content.

NOTE: You can also take a look at our article: WP7 working with Images: Content vs Resource build action

tip52-0tip52-3

After that you have two options either to use the VisualStudio Project Designer or WMAppManifest.xml file.

  • Change Application Icon using the VisualStudio Project Designer

In order to change the application icon just follow the steps:

1. Right click on your project in VisualStudio and select Properties.

2. Go to Application Tab where you will find a section called  “Icon”.

tip52-1 tip52-2

3.Just select from the combo your new icon:

tip52-4

  • Change Application Icon using WMAppManifest.xml file

Windows Phone projects have an auto-generated XML manifest file that contains phone application metadata. The XML manifest file includes information such as IconPath, product IDs, versioning details, runtime types, paths to resources, phone capabilities, and other application-specific information.

So in order to change the application icon just go to WMAppManifest.xml and change the IconPath tag like for example:

tip52-5

1
<IconPath IsRelative="true" IsResource="false">MyAppIcon.png</IconPath>

NOTE: For any reference you can also take a look at MSDN documentation.

How to add a new Application Tile Icon?

By default when you create a new Windows Phone 7 application a sample Background.png image is automatically generated.  In order to change this image at first we have to add our new image to our project and set its build action to Content. After that you have two options either to use the VisualStudio Project Designer or WMAppManifest.xml file.

  • Change Application Tile Icon using the VisualStudio Project Designer

Go to Application Tab(as explained in the previous point) where you will find a section called  “Background images”.

tip52-7

  • Change Application Icon using WMAppManifest.xml file In order to change the application tile icon just go toWMAppManifest.xml and change the BackgroundImageURI tag like for example:
1
2
3
4
5
6
7
<PrimaryToken TokenID="WP7SampleApp52Token" TaskName="_default">
  <TemplateType5>
    <BackgroundImageURI IsRelative="true" IsResource="false">AppTile.png</BackgroundImageURI>
    <Count>0</Count>
    <Title>WP7SampleApp52</Title>
  </TemplateType5>
</PrimaryToken>

That was all about how to change the Application Icon and Application Tile Icon of a Windows Phone 7 Application with new ones. Here is the source code:

Posted on 17 April 2011, in WP7. Bookmark the permalink. Leave a comment.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: