Site Icon: add more parameters to make site tile compatible with Windows Phones

[jeherve]

The msapplication-TileImage tag added by the Site Icon module doesn't seem to be enough to create a tile on WIndows Phones. Compare the tile at the bottom, center of the phone (created from a site using Jetpack's Site Icon) to the tile at the bottom left (created from this site)

The site where Windows Phone Tiles work includes other tags:

<meta name="msapplication-TileColor" content="#1e5078">
  <meta name="msapplication-TileImage" content="/images/orion/icons/mstile-144x144.png">
  <meta name="msapplication-config" content="/images/orion/icons/browserconfig.xml">

Following the steps on Windows's official site, it seems that both the color code and the msapplication-TileImage tag are needed. The browserconfig.xml is only there to provide extra image sizes. Here is the content of the file:

<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
  <msapplication>
    <tile>
      <square70x70logo src="/images/orion/icons/mstile-70x70.png"/>
      <square150x150logo src="/images/orion/icons/mstile-150x150.png"/>
      <square310x310logo src="/images/orion/icons/mstile-310x310.png"/>
      <wide310x150logo src="/images/orion/icons/mstile-310x150.png"/>
      <TileColor>#1e5078</TileColor>
    </tile>
  </msapplication>
</browserconfig>

Would it be worth trying to sample the Site Icon with Tonesque, and automatically create a color tag?

[enejb]

Moving this to 3.4, I though about this as well but it is hard to determine what colour the tile should have. I think doing it programmatically with Tonesque could be a problem since the it only provides you with the average colour. And if you have a 2 tone logo you want the background to match.

Maybe some sort of js solution where the user would could pick from one of the main colours that are in the image could work.

[RehanSaeed]

Windows tiles can show items from the RSS feed too which is a few extra lines of XML. See #2204.