Comment ajouter un favicon en HTML
Trois balises couvrent 99 % des cas. Deux de plus et vous obtenez une configuration digne d'une PWA.
3 min de lecture
La balise minimale
<link rel="icon" href="/favicon.ico"> — c'est tout. Chaque navigateur la reconnaît.
Le jeu moderne recommandé
Ajoutez le SVG et l'apple-touch-icon pour un rendu net sur toutes les plateformes :
<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
Invites d'installation PWA
Ajoutez un manifest.json avec des entrées PNG en 192×192 et 512×512, puis déclarez <link rel="manifest" href="/site.webmanifest">.