À propos de cet outil
Un favicon est la petite icône d’un site qui apparaît dans les onglets du navigateur, les favoris et d’autres emplacements. Cet outil propose les tailles courantes pour préparer rapidement un ensemble d’icônes de site.
Mode d’emploi
- Sélectionnez ou déposez une image PNG, JPG/JPEG ou WebP non animée.
- Choisissez l’image entière ou le recadrage central, réglez le fond et ajoutez de 0 % à 30 % de marge sur chaque côté.
- Créez les icônes, puis vérifiez les aperçus à taille réelle de 16×16 et 32×32 ainsi que l’onglet simulé.
- Téléchargez les icônes séparément ou dans un ZIP, puis copiez les liens HTML correspondant aux fichiers créés.
Tailles disponibles
- favicon.ico contient trois images : 16×16, 32×32 et 48×48.
- Les fichiers favicon-16x16.png, favicon-32x32.png et favicon-48x48.png sont également créés.
Conseils pour créer vos icônes
- L’option Image entière conserve les proportions de toute l’image et remplit les espaces libres avec le fond choisi. Le recadrage central prélève un carré au centre. Aucune des deux options ne déforme l’image.
- La marge s’applique à chaque côté de l’image finale : avec 10 % de marge, le contenu occupe environ 80 % de la largeur et de la hauteur.
- Les petites tailles comme 16×16 conviennent aux formes simples et bien contrastées. Les photos complexes et les textes fins peuvent devenir difficiles à distinguer : vérifiez les aperçus à taille réelle.
Images acceptées : PNG, JPG/JPEG et WebP non animé. Limites par fichier : 100 Mio, 40 millions de pixels et 16 384 pixels par côté. Les grandes images peuvent demander plus de temps et de mémoire.
Utiliser vos icônes de site
- Placez les icônes téléchargées sur votre site, puis ajoutez les liens HTML fournis dans la section head de la page. Les liens supposent que les fichiers se trouvent à la racine du site ; adaptez les chemins si vous les placez ailleurs.
- Les liens HTML ne mentionnent que les fichiers créés et peuvent être copiés directement. Pour les icônes d’écran d’accueil Apple ou les tailles Android/PWA, utilisez les outils associés ci-dessous.
- L’onglet simulé permet d’évaluer la lisibilité de l’icône dans un petit espace. Son apparence réelle peut varier selon le navigateur.
Confidentialité
Vos images, emojis et icônes sont traités uniquement dans votre navigateur et ne sont jamais envoyés à un serveur.
Vos données et vos résultats ne sont pas enregistrés automatiquement. Téléchargez les icônes à conserver avant d’effacer le contenu ou de quitter la page, et gardez vos images d’origine.
Questions fréquentes
Qu’est-ce que favicon.ico ?
C’est un fichier d’icône couramment utilisé par les sites. Il peut contenir plusieurs tailles pour les onglets, les favoris et d’autres emplacements du navigateur.
Quelles tailles de favicon faut-il prévoir ?
Cet outil fournit les tailles courantes de 16×16, 32×32 et 48×48. Pour des tailles plus grandes ou d’autres combinaisons, utilisez l’outil Favicon multitailles.
Quelle est la différence entre un favicon PNG et un ICO ?
Chaque PNG correspond à une taille en pixels, tandis qu’un ICO peut en réunir plusieurs. Le téléchargement contient les deux formats pour répondre aux besoins de votre site.
Où placer les fichiers favicon ?
Les liens proposés utilisent par défaut la racine du site, par exemple /favicon.ico. Vous pouvez choisir un autre dossier, mais les chemins doivent correspondre à l’emplacement réel des fichiers.
Pourquoi le navigateur n’affiche-t-il pas immédiatement la nouvelle icône ?
Le navigateur a peut-être conservé l’ancien favicon en cache. Vérifiez les fichiers et les chemins, puis essayez d’actualiser la page, de vider le cache concerné ou de rouvrir l’onglet.