Nous utilisons le code suivant pour ajouter des icônes pour les favicon, les tablettes, les smartphones, les tuiles Windows 8 et similaires: -
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="shortcut icon" type="image/x-icon" href="/webmasters//favicon.ico"/>
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
<meta name="msapplication-TileImage" content="apple-touch-icon-144x144-precomposed.png"/>
<meta name="msapplication-TileColor" content="#17151a"/>
Malheureusement, cela ne semble pas fonctionner pour IE9 et IE10, l'écran de vos sites les plus populaires, les recherches sur Google n'ont pas été éclairantes.
Stack utilise <link rel="apple-touch-icon" href="apple-touch-icon.png">
ce qui semble fonctionner pour lui, mais pas pour nous.
Tous les indices d'une solution sont appréciés.