Chargement de l'outil…

Toutes les tailles de favicon à partir d’une image

Navigateurs, smartphones et écrans d’accueil demandent chacun une taille d’icône différente. Le générateur de favicon de QodeCat part de votre logo et crée le jeu complet en quelques secondes, avec un aperçu en direct de chaque taille et les balises HTML à ajouter à votre site.

  • favicon.ico avec des images de 16, 32 et 48 px pour les onglets et Windows.
  • favicon-16x16.png et favicon-32x32.png pour les navigateurs récents.
  • apple-touch-icon.png (180×180) pour l’écran d’accueil de l’iPhone et de l’iPad.
  • Icônes android-chrome en 192 et 512 px, plus un site.webmanifest prêt à l’emploi.

Conseils pour un favicon net

Partir d’une image grande et simple

Utilisez une image carrée d’au moins 512×512 px, ou un SVG. Les formes simples et les lettres épaisses restent lisibles même à 16 px ; les détails fins et les polices trop légères disparaissent.

Arrière-plan et marge intérieure

Un fond transparent rend bien dans les onglets, mais iOS remplit les zones transparentes en noir sur l’écran d’accueil. Si votre logo touche les bords, choisissez une couleur de fond et ajoutez un peu de marge intérieure.

Questions fréquentes

Q. Où placer les fichiers ?

Déposez tous les fichiers du ZIP à la racine de votre site, puis collez les balises link HTML dans la section <head> de vos pages.

Q. Ai-je encore besoin d’un favicon.ico ?

Oui. Même si votre HTML pointe vers des icônes PNG, beaucoup d’outils, de robots de moteurs de recherche et d’anciens navigateurs demandent directement /favicon.ico.

Q. Mon logo est-il envoyé quelque part ?

Non. Toutes les icônes, y compris le fichier ICO, sont créées dans votre navigateur. Votre image ne quitte jamais votre appareil.