search

audreyfeldroy / favicon-cheat-sheet

Obsessive cheat sheet to favicon sizes/types. Please contribute! (Note: this may be in flux as I learn new things about favicon best practices.)
MIT License
9.88k stars 413 forks source link

Added section for Windows tiles #52

Open fboes opened 9 years ago

fboes commented 9 years ago

I'd like to contribute a section concerning the custom tiles and notifications for Internet Explorer. There functionality is similiar to favicons.

Nilpo commented 9 years ago

I was actually going to do this as well. Thanks for contributing.

jp-studios commented 9 years ago

Here's some more detail that should be added. The IE10 144x144 live tile is just the bare minimum.

Live tiles have multiple sizes. There is a tiny square, a medium square, a large square, and a horizontal box. Microsoft users can resize these as they wish on their start menu or Windows Phone home screen, so it's good to include all 4.

The meta names are deceptive, as the actual files needed should be large for high-quality Windows screens and Windows 8 start screens. They are downgraded to the smaller size on low-quality screens and Windows 7 start screens. These can be full-color.

Here is the official tool that Microsoft created for Windows Live Tiles: http://www.buildmypinnedsite.com/en They even included a step to pull notifications from an RSS feed.

The official meta code output that should be used is:

<meta name="application-name" content="Company Name Here"/>
<meta name="msapplication-TileColor" content="#000000"/>
<meta name="msapplication-square70x70logo" content="tiny.png"/>
<meta name="msapplication-square150x150logo" content="square.png"/>
<meta name="msapplication-wide310x150logo" content="wide.png"/>
<meta name="msapplication-square310x310logo" content="large.png"/>

More official documentation: https://msdn.microsoft.com/en-us/library/bg183312(v=vs.85).aspx More things you can do with live tiles: https://msdn.microsoft.com/en-us/library/windows/apps/Hh761491.aspx?f=255&MSPPError=-2147217396

fboes commented 9 years ago

@jp-studios Would you like me to include your information, or do you want to add your information to https://github.com/fboes/favicon-cheat-sheet?

jp-studios commented 9 years ago

@fboes since I'm very new to GitHub, it'd probably be best if you added it instead of me doing a pull request :) Just wanted to contribute!