Skip to main content
CheckTown
Outils d'image

Générateur de favicons : créez des icônes pour tous les navigateurs

Publié le 5 min de lecture
Dans cet article

Qu'est-ce qu'un favicon ?

Un favicon (abréviation de « favorite icon ») est la petite icône affichée dans les onglets du navigateur, les listes de favoris et les écrans d'accueil mobiles à côté du nom de votre site web. C'est l'un des premiers éléments visuels de marque que les visiteurs remarquent et il joue un rôle clé dans la reconnaissance du site.

Les navigateurs et appareils modernes attendent des favicons dans plusieurs tailles — de 16×16 pixels pour les onglets du navigateur à 512×512 pour les écrans de démarrage des Progressive Web Apps. Fournir le bon ensemble de tailles garantit que votre icône est nette sur chaque appareil et contexte.

Comment fonctionne notre générateur de favicons

Le générateur de favicons de CheckTown fonctionne entièrement dans votre navigateur — aucun fichier n'est envoyé à un serveur :

  • Importez n'importe quelle image (JPEG, PNG ou WebP) — idéalement un logo ou une icône carrée — par glisser-déposer ou sélection de fichier
  • L'outil génère toutes les tailles standard (16×16, 32×32, 48×48, 64×64, 128×128, 192×192, 256×256, 512×512) en fichiers PNG
  • Copiez les extraits HTML et de manifeste web prêts à l'emploi, puis téléchargez les tailles individuelles ou toutes en une fois

Essayez gratuitement — sans inscription

Générer des favicons →

Quand utiliser un générateur de favicons

Chaque site web a besoin de favicons, et les générer correctement est important dans plusieurs contextes :

  • Lancement d'un nouveau site — générez toutes les tailles requises à partir d'une seule image source pour que votre marque apparaisse correctement dans les onglets, les favoris et les installations PWA
  • Changement d'identité visuelle — quand votre logo change, regénérez l'ensemble complet de favicons pour mettre à jour tous les points de contact de manière cohérente
  • Développement PWA — les Progressive Web Apps nécessitent des icônes 192×192 et 512×512 dans le manifeste web pour les invites d'installation et les écrans de démarrage

Questions fréquemment posées

Quelle image dois-je utiliser comme source ?

Utilisez une image carrée (ratio 1:1) avec un design simple et reconnaissable. Les logos complexes avec du texte fin peuvent être illisibles en 16×16. Une icône minimaliste ou un monogramme fonctionne le mieux. Le PNG avec transparence est idéal.

Ai-je besoin de toutes les tailles générées ?

Au minimum, vous avez besoin de 16×16 et 32×32 pour les onglets du navigateur, plus 180×180 pour l'Apple Touch Icon et 192×192 + 512×512 pour les manifestes PWA. Les autres tailles améliorent la compatibilité avec différents navigateurs et appareils.

Mon image est-elle envoyée à un serveur ?

Non. Tout le redimensionnement et le traitement se font localement dans votre navigateur en utilisant l'API Canvas. Votre image ne quitte jamais votre appareil.

Outils associés