Estou tentando entender todos esses tamanhos e formatos diferentes necessários para os Favicons, os ícones Touch e agora também os ícones Tile.

Eu li este post:http://www.jonathantneal.com/blog/understand-the-favicon mas ainda estou um pouco confuso sobre exatamente o que usar, que parecerá razoavelmente bom em todos os dispositivos e navegadores> = IE8.

Eu acho que devo criar o seguinte:

ICO
favicon.ico (32x32)

PNG
favicon.png (96x96)

Ícone de telha
tileicon.png (144x144)

Apple Touch Icon
apple-touch-icon-precomposed.png (152x152)
com base nissohttps://github.com/h5bp/html5-boilerplate/issues/1367

... e depois usar esse código para servi-los?

<link rel="apple-touch-icon" href="path/to/touchicon.png">
<link rel="icon" href="path/to/favicon.png">
<!--[if IE]><link rel="shortcut icon" href="path/to/favicon.ico"><![endif]-->
<!-- or, set /favicon.ico for IE10 win -->
<meta name="msapplication-TileColor" content="#D83434">
<meta name="msapplication-TileImage" content="path/to/tileicon.png">

Estou faltando alguma coisa?

Não estou claro se isso cobrirá o IE 10?