Windows Phone 8 Startscreen Tile sizes and margins
I was wondering if someone knows the exact measurements of the new Windows Phone 8 Startscreen (for 480x800), i.e. margins (top, left & right, between tiles) and the edge length of all three different tile sizes.
Answer
For 720p (1280×720) and WXGA (1280×768):
- Large Tile: 691 x 336 (yes, you're not reading it wrong, there's a extra pixel on the width)
- Medium Tile: 336 x 336
- Small Tile: 159 x 159
For WVGA (480x800):
- Large Tile: 430 x 210
- Medium Tile: 210 x 210
- Small Tile: 100 x 100
For IconicTemplate (All resolutions):
Transparent icons!
- Large Tile: 132 x 202 (IconImageURI)
- Medium Tile: 72 x 110 (SmallImageURI)
- Icon: 38 x 38 (DeviceLockImageURI)
For Application Icons
- ApplicationIcon.png: 159 x 159
- Background.png: 173 x 173
All numbers are in pixels. The horizontal margin between tiles are 10 px.
As a general piece of advice, provide your tiles in the high resolution, and they'll get downscaled by roughly a factor 1.6. Otherwise you'll find your low resolution tiles being upscaled, and the text will look very blurry.
And remember that some of the new special tile templates available in the SDK, will require different resolution images. The above is the full tile size, if you use a regular FlipTemplate.
Bonus Update: For App Bar Icons (not to be confused with the above)
- 76x76 circle with 42x42 icons.