21 Comments

image Based on the discussion on StackOverflow, I decided to test out the different IconicTileTemplate sizes. The idea was to try to find out:

  1. What are the correct dimensions for images used in the IconicTileTemplate
  2. What image is used when the iconic tile is in wide mode

The test images

I used the free Syncfusion Metro Studio to create the following images (the actual images have a transparent background):

110x110 pixels

image

202x202 pixels

image

132x202 pixels:

image

72x110 pixels:

image

72x72 pixels:

image

The emulator

I used the 720p emulator to run the tests.

Test run #1

image

  • Small tile: 110x110
  • Medium tile: 202x202
  • Support for large tiles enabled

Results:

The medium tile image is used when the tile is in default size:

image

The small tile image is used when the tile is in small size:

image

The medium tile image is used when the tile is in wide mode:

image

When the tile is in wide mode and it has large content set, the small tile image is used:

image

Test run #2

image

  • Small tile: 72x110
  • Medium tile: 132x202
  • Support for large tiles enabled

Results:

The medium tile image is used when the tile is in default size:

image

The small tile image is used when the tile is in small size:

image

The medium tile image is used when the tile is in wide mode:

image

When the tile is in wide mode and it has large content set, the small tile image is used:

image

Test run #3

image

  • Small tile: 72x72
  • Medium tile: 132x202
  • Support for large tiles enabled

Results:

Tile in wide mode, large content set:

image

Conclusion

The first question was: What are the correct dimensions for images used in the IconicTileTemplate?

As the answer on StackOverflow points out, the images used in IconicTileTemplate should have the following sizes:

  • Small: 72x110
  • Medium: 132x202

When we compare the 132x202 and 202x202 images, the difference is quite minimal: The latter one looks maybe more natural (more like the 1st party apps) and it’s smaller, but both the tiles have the correct aspect ratios:

image

The largest difference can be found when the tile is in wide mode and the tile has content. In these situations the Small image is used. Here’s a screenshot again with 110x110 image:

image

And here’s the one with 72x110:

image

And for comparison, this is the one with 72x72:

image

Only the 72x110 looks correct.

The second question was: What image is used when the iconic tile is in wide mode?

The answer depends on whether your tile has content set or not:

  • Without content: The medium tile image is displayed.
  • With content: The small tile image is displayed.

Comments

Comment by maillot de foot

maillot de foot...

Current blog, fresh information, I read it from time to time!!…...

Comment by ray ban wayfarer

ray ban wayfarer...

Regularly We don''''t put up upon weblogs, but I would like to state that this established up really pressured me personally to do this! drastically excellent publish...

Comment by replica watches

replica watches...

Rolex with the German replica watches Hans Wise replica watches Astoria using the British Davis in 1905 (31 numerous the Qing relojes especiales dynasty) working in london partnership. In 1908, Wise Astoria replicas de relojes in Switzerland La Chaux-d...

Comment by replique montre

replique montre...

A lot of brands, the value is simply too high, too replique montre complex replique montrefunctions, too nike pas cher convergence replica watches appearance. If someone else actually starts to complain a trifle stagnant replique montre traditional rep...

Comment by mbt outlet

mbt outlet...

A great number of brands, the cost is just too big high, too replique montre complex replique montrefunctions, too nike pas cher convergence replica watches appearance. If people begins to complain somewhat stagnant replique montre traditional replique...

Comment by cheap oakley sunglasses

cheap oakley sunglasses...

Nike nike air jordan pas cher sponsored nike blazer femme pas cher Brazil, Netherlands louis vuitton outlet, France, Portugal bred 11s, England, Greece, Croatia, Australia, Columbia along with the American team of 10 teams entitled to the remaining 1 /...

Comment by maillot de foot enfant

maillot de foot enfant...

Hi would you mind stating which blog platform you're working with? I'm planning to start my own blog soon but I'm having a difficult time making a decision between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your layout ...

Comment by nike air max 90 pas cher

nike air max 90 pas cher...

Wearable glasses and watches only two replique montre important branches of the field, there may be still more room waiting being explored air max 90 pas cher and expanded. Recently DuCEre technology companies from MBT outlet shoes India and launched a...

Comment by MBT outlet shoes

MBT outlet shoes...

The logo in the "K" and "I" are replique montre two letters, and also the word mark provides "KI", the air max 90 pas cher name is Owen (Kyrie Irving) acronym, indicating that logo really belongs to Owen. LeBron - James MBT outlet shoes returned ...

Comment by nike air max 90 pas cher

nike air max 90 pas cher...

Be it replique montre suisse love at first glance Romantic nike air max 90 pas cher, or after many years of nike air max 1 pas cher distance running louboutin femme pas cher Romance, with roots Roma nike air max pas cher are inextricably linked. From t...

Comment by nike air max 1 pas cher

nike air max 1 pas cher...

"As America's largest replique montre suisse importer of nike air max 90 pas cher children's nike air max 1 pas cher footwear COO, I was fortunate to find out a lot of companies please take a different strategy to solving louboutin femme pas cher pr...

Comment by jordan concords

jordan concords...

Traditional bred 11s companies tend not to change it will have problems, because louis vuitton outlet customers is a range of online louis vuitton outlet louis vuitton outlet louis vuitton outlet retail or vertical louis vuitton outlet jordan 6 carmine...

Comment by ysl tassel bag price

ysl tassel bag price...

IN PICTURES: YSL's autumn/winter 2012 collection...

Comment by Hermes Bags Discount

Hermes Bags Discount...

Genuine Hermes bags are handcrafted by skilled craftsmen. No stitching in the bags will ever be out of place. The materials used on Hermes Birkin bags are all authentic, like the leather it uses. You can feel the authenticity of the bag just by feeling...

Comment by Hermes outlet uk

Hermes outlet uk...

Topping the particular record for your inside artist handbags are usually needless to say artist handbags regarding LV and also artist handbags regarding Gucci. These kinds of handbags stay correct with their popularity, and they're built to execute. ...

Comment by louis vuitton outlet

louis vuitton outlet...

Omega carry bred 11s brand celebrity louis vuitton outlet ambassadors, supermodel louis vuitton outlet louis vuitton outlet louis vuitton outlet Cindy Crawford and louis vuitton outlet jordan 6 carmine jordan 11 low media jordan concords jordan bred 11...

Comment by nike air max 90 pas cher

nike air max 90 pas cher...

In this era nike free run 5.0 pas cher Nike Air Jordan Pas Cher nike air max pas cher of working on high-tech nike blazer pas cher femme escarpin louboutin pas cher nike air max 90 pas cher innovation, the application of e-mail marketing Nike Air Max 1...

Comment by maillot Japon 2014

maillot Japon 2014...

Hey there would you mind letting me know which hosting company you're utilizing? I've loaded your blog in 3 different browsers and I must say this blog loads a lot faster then most. Can you recommend a good internet hosting provider at a honest price...

Comment by nouveau maillot psg

nouveau maillot psg...

Wow, this article is nice, my sister is analyzing these kinds of things, therefore I am going to inform her.|...

Comment by nouveau maillot bayern munich

nouveau maillot bayern munich...

Hello, i read your blog occasionally and i own a similar one and i was just wondering if you get a lot of spam remarks? If so how do you stop it, any plugin or anything you can advise? I get so much lately it's driving me insane so any support is very...