J'ai quelques pages statiques qui ne sont que du HTML pur, que nous affichons lorsque le serveur tombe en panne. Comment puis-je mettre un favicon que j'ai fait (c'est 16x16px et il se trouve dans le même répertoire que le fichier HTML; il s'appelle favicon.ico) comme icône "onglet" pour ainsi dire? J'ai lu sur Wikipedia et j'ai regardé quelques tutoriels et j'ai implémenté ce qui suit:
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
Mais il ne veut toujours pas fonctionner. J'utilise Chrome pour tester les sites. Selon Wikipedia .ico est le meilleur format d'image qui fonctionne sur tous les types de navigateur.
Mise à jour
Je n'ai pas pu faire fonctionner cela localement bien que le code vérifie que cela ne fonctionnera vraiment correctement qu'une fois que le serveur a commencé à servir le site. Essayez simplement de le pousser vers le serveur et actualisez votre cache et cela devrait fonctionner correctement.
<link rel="icon" type="image/x-icon" href="favicon.ico">
de head
(à côté des variantes de favicon 32, 16 et 180 link
) a résolu le problème localement. Comme j'avais inclus des link
s pour les plus grandes tailles d'icônes et le manifeste, je n'ai pas réfléchi à deux fois pourquoi favicon.ico
ne se présentait pas! :-)