Générateur de favicon

Comment utiliser le générateur de favicon

La génération ne prend que quelques secondes :

1. 1. Importer une image

   Importez une image carrée (au moins 512x512 px). Formats pris en charge : PNG, JPG, WebP.
2. 2. Choisir les options

   Sélectionnez les tailles souhaitées et si un site.webmanifest doit être généré.
3. 3. Télécharger le ZIP

   Téléchargez tous les fichiers générés dans une archive ZIP et ajoutez-les à votre site.

Où le favicon est-il affiché ?

Le favicon apparaît à différents endroits sur le web :

1. Onglets du navigateur

   Le favicon apparaît à côté du titre de la page dans l'onglet – l'endroit le plus visible.

2. Favoris et historique

   Les navigateurs utilisent le favicon dans la barre de favoris et dans l'historique.
3. Écran d'accueil (mobile)

   Lorsqu'un utilisateur ajoute le site à son écran d'accueil, l'Apple Touch Icon ou l'icône PWA est utilisé.
4. Résultats Google

   Google affiche le favicon à côté de l'URL dans les résultats de recherche mobiles.
5. Audit Lighthouse

   Lighthouse vérifie la présence d'un favicon – c'est une bonne pratique pour les performances web.

6. Installation PWA

   Lors de l'installation d'une PWA, les icônes 192x192 et 512x512 sont utilisées comme icône d'application.

Comment télécharger les fichiers générés

Après la génération des icônes, vous avez plusieurs options de téléchargement :

1. Télécharger tout en ZIP

   Le bouton Télécharger tout regroupe tous les fichiers générés dans une seule archive ZIP. L'option la plus pratique lorsque vous avez besoin de l'ensemble complet des icônes.
2. Télécharger des fichiers individuels

   Chaque icône générée possède son propre bouton de téléchargement : vous pouvez télécharger un seul fichier sans l'ensemble complet. Utile lorsque vous devez mettre à jour une seule taille.

Quelle image source fonctionne le mieux ?

Un favicon est un graphique très petit, aussi petit que 16x16 pixels. Toute image ne convient pas comme source :

1. Formes simples et symboles lisibles

   Les logos simples, lettres individuelles ou symboles fonctionnent le mieux. Évitez les graphiques complexes avec beaucoup de détails.
2. Format carré

   Un favicon est carré. Si l'image source a des proportions différentes de 1:1, elle sera recadrée ou étirée.
3. Taille suffisamment grande

   Nous recommandons une image source d'au moins 512x512 pixels. Les images plus petites seront agrandies.
4. Le format SVG comme source idéale

   Le SVG se redimensionne sans perte de qualité, donc les icônes à toutes les tailles seront nettes.
5. Couleurs à fort contraste

   Un favicon doit être visible sur différents fonds (onglets clairs, mode sombre). Choisissez des couleurs qui maintiennent la lisibilité.

Ce qui rend ce générateur de favicon spécial

1. Conforme Lighthouse

   Toutes les tailles exigées par Lighthouse et les navigateurs modernes – générées en une seule étape.
2. Tous les formats en une seule étape

   favicon.ico, icônes PNG et site.webmanifest en option – tout à partir d'une seule image.
3. Prise en charge PNG, JPG et SVG

   Vous pouvez utiliser votre logo dans n'importe quel format. Si vous avez un SVG, les icônes seront nettes à toutes les tailles.
4. Prêt pour le site et les PWA

   L'outil génère le fichier manifest.json pour les applications web. Vous trouverez ci-dessous les instructions d'intégration des icônes.