Générateur de favicon
Produisez depuis une image toutes les tailles de favicon dont un site a besoin — de 16 à 512 px — avec le HTML à intégrer. Directement dans votre navigateur.
À propos de cet outil
Un favicon est la petite icône que les navigateurs affichent dans un onglet, un favori et sur l’écran d’accueil d’un téléphone. Un seul fichier ne suffit plus : les navigateurs veulent une icône de 32 px pour l’onglet, iOS veut une icône tactile de 180 px, et les écrans d’accueil Android récupèrent des versions de 192 et 512 px depuis le manifeste web.
Importez un logo carré et l’outil génère tout le jeu d’un coup, avec le HTML nécessaire pour les référencer. La réduction utilise un lissage de qualité, ce qui compte à 16 px, où un logo détaillé tourne à la bouillie : les formes simples et les traits épais survivent ; les lignes fines et les petits textes, non.
Comment l’utiliser
- 1
Importez une image carrée
Un PNG avec transparence donne le meilleur résultat. Tout ce qui n’est pas carré est d’abord rogné au centre en carré.
- 2
Vérifiez les petits aperçus
Regardez les rendus en 16 et 32 px. Si la marque y est illisible, simplifiez-la plutôt que de la publier telle quelle.
- 3
Téléchargez le jeu et collez le HTML
Enregistrez chaque taille et copiez les balises link dans le head de votre site.
Questions fréquentes
De quelles tailles un favicon a-t-il besoin en 2026 ?
Un PNG de 32 px couvre les onglets des navigateurs, 180 px l’écran d’accueil iOS (apple-touch-icon), et 192 px plus 512 px couvrent Android via le manifeste web. Une icône SVG est un bon ajout car elle s’adapte à toutes les tailles, et un favicon.ico reste un repli utile pour les navigateurs anciens.
Pourquoi mon logo est-il flou à 16 px ?
Parce que 16 px représente 256 pixels en tout. Tout ce qui comporte des traits fins, des dégradés ou du texte disparaît à cette échelle. Les favicons lisibles sont en général une seule lettre ou une forme franche sur fond uni.
Où placer les fichiers ?
Mettez-les à la racine de votre site, puis référencez-les depuis le head de votre HTML avec des balises link pour icon et apple-touch-icon, et listez les versions 192 et 512 px dans votre manifeste d’application web.
Ai-je encore besoin de favicon.ico ?
Les navigateurs actuels ne l’exigent plus et se contentent très bien d’icônes PNG ou SVG, mais cela ne coûte rien d’en garder un à la racine du site pour les clients anciens et pour les outils qui le demandent encore par convention.
Dernière révision par l’équipe Kobra IMG.