Compresser une image
Réduire le poids des images.
Image
Générateur de favicon
Produire un jeu complet de favicons.
Ce que fait cet outil. Ce générateur produit à partir d’une image les fichiers de favicon dont un site a besoin, plus le HTML pour les déclarer. Un seul fichier ICO ne suffit plus : téléphones et tablettes réclament des versions plus grandes.
Fonctionne dans le navigateurAucun envoiSans inscriptionFonctionne hors ligne
Comment utiliser Générateur de favicon
- Choisissez une image carrée, de préférence 512 × 512 pixels ou plus.
- Observez les aperçus aux différentes tailles.
- Téléchargez le jeu et collez le HTML dans votre en-tête.
Les fichiers nécessaires
Le jeu s’est étoffé au fil des années ; voici ce dont un site courant a besoin.
| Fichier | Pour quoi |
|---|---|
| favicon.ico | navigateurs anciens, barre d’adresse |
| PNG 32 × 32 | navigateurs modernes |
| apple-touch-icon 180 × 180 | écran d’accueil iOS |
| PNG 192 et 512 | Android et application web |
| SVG | s’adapte à toutes les tailles et au thème |
Le SVG est le plus récent et le plus commode : un seul fichier net à toutes les tailles. La prise en charge est désormais large, mais fournissez les PNG en repli.
Le fichier manifeste s’ajoute dès que vous voulez que le site puisse être installé sur un écran d’accueil : il contient le nom, les couleurs et les renvois vers les grandes icônes.
Concevoir pour 16 pixels
Un favicon s’affiche souvent en seize pixels de côté, moins d’espace qu’une lettre de cette phrase.
Un logo qui fonctionne sur un site y devient presque toujours illisible. Les traits fins disparaissent, le texte se réduit à une trace grise, un emblème complexe devient une tache.
Ce qui marche : une seule lettre, un emblème très simplifié, ou une forme franche. Beaucoup de grandes marques n’utilisent que leur initiale.
Prévoyez du contraste avec les deux fonds d’onglet possibles. Une icône sombre se perd en thème sombre, une icône claire en thème clair ; une couleur de fond dans l’icône elle-même règle la question.
Testez à la taille réelle et non sur l’aperçu en 512 pixels — c’est l’erreur que presque tout le monde commet.
Questions fréquentes
Un seul favicon.ico suffit-il ?
Non. Téléphones et tablettes réclament des PNG plus grands.
Quelle taille fournir ?
Carrée, au moins 512 × 512 pixels.
Puis-je utiliser un SVG ?
Oui, c’est le plus commode. Fournissez les PNG en repli.
Pourquoi mon logo est-il illisible ?
À seize pixels, aucun détail ne passe. Utilisez une lettre ou une forme très simplifiée.
Pourquoi mon favicon ne s’affiche-t-il pas ?
Les navigateurs les gardent en cache avec ténacité. Forcez le rechargement ou testez en navigation privée.
Mon image est-elle téléversée ?
Non.
Guides pour Générateur de favicon
- PNG vs JPG vs WebP: Which Format to Use8 min read