favicon-cheat-sheet

A painfully obsessive cheat sheet to favicon sizes/types. Compiled from:

• http://mathiasbynens.be/notes/rel-shortcut-icon special thanks @mathiasbynens_
• http://mathiasbynens.be/notes/touch-icons special thanks @mathiasbynens_
• http://www.jonathantneal.com/blog/understand-the-favicon/
• https://en.wikipedia.org/wiki/Favicon.ico
• http://snook.ca/archives/design/making_a_good_favicon
• http://www.netmagazine.com/features/create-perfect-favicon
• http://www.ravelrumba.com/blog/android-apple-touch-icon/
• http://msdn.microsoft.com/en-us/library/ie/gg491740(v=vs.85).aspx

.. _@mathiasbynens: https://github.com/mathiasbynens

The HTML

Basics

For the main favicon itself, it's best for cross-browser compatibility not to
use any HTML. Just name the file `favicon.ico` and place it in the root of your
domain. [1]_ [2]_

This works in every desktop browser/version all the way back to IE6, except for SeaMonkey. [1]_

Optional But Encouraged

You probably also want the following: