Pinned Sites - IE (Internet Explorer) | UA - User Agents

Standards Based Development

Customize Pinned Sites via meta name="msapplication-TileImage" / and meta name="msapplication-TileColor" /

Pinned Sites are features allowing for websites to be pinned to the Start Screen to allow easy access for users. Pinned sites can customize their appearance(s) by defining their own tile icon and the background image. The markup below does just that, using the meta name="msapplication-TileImage" / and meta name="msapplication-TileColor" / elements:


<meta name="msapplication-TileImage" />
<meta name="msapplication-TileColor" />

Tile images for pinned sites shouled be 144x144 and png format, with a preferred transparent background, as well as a color scheme that makes your tile color the main color of your logo/visual presence. meta name="msapplication-TileColor" / accepts hexadecimal values, css keyword name values, and css functions, like rgb. If a color is not provided, ie will take the most prominent color from your website icon or your tile image and use that as the tile color.

meta name="msapplication-TileImage" / and meta name="msapplication-TileColor" / are also used in history search, as well as other places inside ie.

ie10 defaults to using a document's current page title for the tile; to define a different page title, use the meta name="title" / element, as shown below:

Set Pinned Sites Title's via meta name="title" /


<meta name="title" content="Tile Title" />

X-Icon Editor for ie Pinned Sites

References and Resources