Favicons - Melhores práticas
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?