Favicon Generator
Generate favicons
Generate favicons S'exécute localement dans votre navigateur
About the
Le générateur de favicon prend une image, la recadre en un carré à partir du centre et produit un fichier d'icône 64 x 64 que vous pouvez déposer à la racine d'un site. Le recadrage est plus important qu'il n'y paraît : les navigateurs affichent les favicons au carré, donc un large logo pressé dans un carré semble faux, tandis qu'un recadrage central conserve généralement la partie reconnaissable. L'image est traitée sur un canevas dans votre navigateur, donc rien n'est téléchargé.
Where people use the
- Générer un favicon à partir d'un logo avant le lancement d'un site.
- Produire une icône rapide pour un prototype ou un outil interne.
- Remplacement d'une icône d'espace réservé laissée par un modèle.
- Création d'une version carrée d'un logo large à utiliser dans un onglet.
How to use the
- 1
Télécharger une image
Choisissez le logo ou l'image que vous souhaitez utiliser. Une image source carrée donne le meilleur résultat car rien n’est coupé.
- 2
Laissez-le recadrer et redimensionner
Le côté le plus court est utilisé comme carré de recadrage, pris à partir du centre, et le résultat est dessiné à 64 x 64.
- 3
Comparez les deux aperçus
L'original et l'icône sont affichés côte à côte afin que vous puissiez voir ce que le recadrage a supprimé.
- 4
Téléchargez l'icône
Enregistrez le fichier sous favicon.ico et placez-le à la racine de votre site, ou téléchargez-le partout où votre framework attend des actifs statiques.
Conseils et bonnes pratiques
- Téléchargez une image carrée pour éviter de perdre les bords d'un logo large.
- Donnez à l'icône un arrière-plan uni si elle sera affichée à la fois sur les onglets clairs et sombres.
- Rechargement dur après le téléchargement ; les navigateurs mettent en cache les favicons de manière agressive.
Questions fréquemment posées
Pourquoi mon logo est-il tronqué ?
Parce que les favicons sont carrés. L'outil prend le plus grand carré adapté, à partir du centre. Une image source carrée évite complètement le recadrage.
Quelle taille dois-je télécharger ?
Au moins 64 x 64, et carré si vous le pouvez. Les images plus grandes sont simplement réduites ; les plus petits auront l’air doux.
Ai-je besoin de plus d’une taille ?
Pour la plupart des sites, une seule icône suffit, car les navigateurs réduisent une icône de 64 pixels pour les onglets. Si vous souhaitez des résultats nets partout, générez séparément des versions 16, 32 et 180 pixels.
Où va le fichier ?
Dans la racine du site sous la forme favicon.ico, que les navigateurs demandent par convention. Si votre framework sert des fichiers statiques à partir d'un répertoire tel que public, placez-les à la place.
Pourquoi l'onglet affiche-t-il toujours l'ancienne icône ?
Parce qu'il est mis en cache. Rechargez la page ou ouvrez-la dans une fenêtre privée et la nouvelle icône apparaît.