Comment utiliser le générateur de favicon

Importez une image carrée (idéalement 512×512 px ou plus grande, plus la résolution est élevée, plus les petites tailles seront nettes).
Sélectionnez les tailles nécessaires: 16, 32 et 48 px couvrent la plupart des navigateurs ; 180 px est pour les icônes Apple Touch ; 192 et 512 px sont pour les manifestes PWA.
Cliquez sur Générer et télécharger pour obtenir une archive ZIP avec toutes les tailles sélectionnées en PNG.

Tailles recommandées

Taille	Usage
16×16	Onglet de navigateur, barre de favoris
32×32	Raccourci barre des tâches Windows, onglet HiDPI
48×48	Raccourci site Windows
180×180	`apple-touch-icon` pour l'écran d'accueil iOS
192×192	Icône manifeste PWA (standard)
512×512	Icône manifeste PWA (écran de démarrage)

Comment ajouter des favicons à votre site

Placez les fichiers PNG à la racine de votre site et ajoutez ces balises <link> dans le <head> HTML :

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

Conseils pour de meilleurs résultats

Utilisez un design simple et gras, les détails fins disparaissent à 16×16 px
Assurez un fort contraste sur fond clair et foncé
Utilisez un fond transparent pour que l'icône s'adapte à n'importe quelle couleur d'interface
Partez d'un SVG si possible pour un redimensionnement sans perte

Confidentialité

Toute la génération s'effectue dans votre navigateur. Aucune image n'est envoyée à un serveur.