Générateur de favicon

Créez un favicon à partir de n'importe quelle image

Un favicon est la petite icône affichée dans les onglets du navigateur, les favoris et sur les écrans d'accueil des téléphones. Ce générateur prend une image carrée et produit des icônes PNG nettes dans toutes les tailles dont les sites modernes ont besoin, de l'icône d'onglet 16×16 à l'icône 512×512 des applications web progressives, entièrement dans votre navigateur.

Déposez un logo et vous verrez un aperçu en direct de chaque taille, prêt à être téléchargé individuellement. Nous générons aussi les balises <link> exactes à coller dans le <head> de votre page, ce qui permet de mettre en place votre favicon en quelques secondes.

Conseils pour des icônes nettes

Partez d'une image carrée d'au moins 512×512 pixels. Les formes simples et marquées avec un fort contraste restent reconnaissables une fois réduites à 16 pixels, alors que les détails fins et les petits textes deviennent une bouillie. Testez l'aperçu 16×16 : si vous distinguez encore ce que c'est, vous avez un excellent favicon.

Quelle taille est utilisée où

• 16×16 et 32×32 — onglets du navigateur, favoris et barres d'adresse.
• 48×48 et 64×64 — raccourcis du bureau et certaines icônes des résultats de recherche et des listes de sites.
• 128×128 — fiches plus grandes des boutiques et des extensions.
• 180×180 — l'Apple touch icon utilisée lorsqu'une page est ajoutée à l'écran d'accueil d'un iPhone ou d'un iPad.
• 192×192 et 512×512 — icônes d'écran d'accueil Android et d'applications web progressives déclarées dans un manifeste d'application web.

Bon à savoir

Chaque image est mise à l'échelle directement en carré ; utilisez donc une source carrée : un logo rectangulaire serait étiré. La transparence est conservée dans les fichiers PNG, mais iOS n'affiche pas bien les touch icons transparentes, un fond uni est donc plus sûr pour la version 180×180. Les fichiers sont nommés par exemple favicon-32x32.png, ce qui correspond à l'extrait généré ; conservez ces noms quand vous les copiez à la racine de votre site. Cette page ne produit que des fichiers PNG ; si vous souhaitez aussi un favicon.ico classique, créez-en un à partir de votre image source avec le convertisseur PNG vers ICO.

Ajouter les icônes à votre site

Téléchargez les tailles dont vous avez besoin, placez-les à la racine publique de votre site et collez les balises <link> générées dans le <head>. Si vous créez un manifeste d'application web, faites pointer sa liste d'icônes vers les fichiers 192×192 et 512×512. Après le déploiement, les moteurs de recherche et les navigateurs peuvent mettre un certain temps à actualiser un favicon en cache ; testez donc dans une fenêtre privée et ne vous inquiétez pas si l'ancienne icône persiste un jour ou deux.